Skip to main content
Question

Svg paste to canvas is appears differently, there is a significant difference in rendering

gw g

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:
 

 

2 replies

J
Figmate
  • Junko3
  • Figmate
  • 2002 replies
  • April 25, 2025

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.

J
Figmate
  • Junko3
  • Figmate
  • 2002 replies
  • April 30, 2025

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

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings