Skip to main content

My SVG image appears differently when pasted into the Figma canvas; there is a significant difference in rendering.
My image code is:

<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" version="1.1">

<circle cx="18" cy="18" r="16" fill="none" stroke="#e5e7eb" stroke-width="2"></circle>

<circle cx="18" cy="18" r="16" fill="none" stroke="#3E337E" stroke-width="2"

stroke-dasharray="100" stroke-dashoffset="28" transform="rotate(-90 18 18)"></circle>

<text x="18" y="18" text-anchor="middle" dominant-baseline="middle" font-size="8"

font-weight="600" fill="#3E337E">72%</text>

</svg>

Expected result:

Actual result:
 

 

Hi ​@gw g, thanks for bringing this to our attention.

 

I took your SVG code and tested it on the Figma Design canvas, and I can see the difference you're pointing out compared to how it looks in an external SVG viewer.

I'll check with our team internally to see if we have any information about this behavior, and I'll let you know if I find out anything.

 

Thanks for your input.

Hi ​@gw g, thanks for waiting!

After looking into it internally, it seems the behavior might depend on the origin of your code.
So, to get this properly checked out for you and see if it's a bug, I'm going to create a support ticket on your behalf.

Our team will be in touch to assist you out with this. Please keep an eye on your inbox – you'll get an email about the new ticket soon. It'll be sent to the email address we have for your account.

 

Thanks again for reaching out. We really appreciate it.

Reply


Terms & ConditionsCookie settings