Importing SVGs from Illustrator - Wrong Colors

I have multiple SVGs that were exported from Adobe Illustrator and when I import them into Curve, the colors are just defaulted to black. It appears to be specific to using <style> tags with css classes and fill colors.

I’m really confused how this isn’t supported or if I’m doing something incorrectly.

Here’s a really simple example of a couple rectangles that get imported as just all black

<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
    <defs>
        <style>.cls-1{fill:#f9cc1c;}.cls-2{fill:#333333;}</style>
    </defs>
    <rect class="cls-1" x="1.803" y="19.49" width="7.863" height="1.183"/>
    <rect class="cls-2" x="1.803" y="29.49" width="7.863" height="1.183"/>
</svg>
1 Like

Hi @Rett thank you for flagging the issue and I’m sorry to hear that.

While we aren’t aware of a similar case, the team is already working on finding the cause and looking into it. Would it be possible to share any files we can use for diagnostic purposes?

Thank you!

diagnostic-files.zip (171.3 KB)
Here are the diagnostics files I exported from Curve.
I am running on a MacBook M2 macos13.3
The svg I posted at the start is all that’s need to reproduce it on my end.

Hi @Rett thank you for getting back to me on this and giving us more details.

This is now with the team and they are hoping to have more capacity to dig deeper into this in the upcoming weeks. Hopefully we will be able to solve it after some releases.

Thank you for your patience!