I'm working on a project and I cannot figure out how I can turn the <circle> into a <path> when I export an icon I created in Adobe XD.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 731 731"><defs><style>.a{fill:none;stroke:#15151c;stroke-linecap:round;stroke-width:100px;stroke-dasharray:220;}</style></defs><path class="a" d="M315.5,0C489.746,0,631,141.254,631,315.5S489.746,631,315.5,631,0,489.746,0,315.5,141.254,0,315.5,0Z" transform="translate(50 50)"/></svg>

I want only fill.. and stroke-width:100px;stroke-dasharray:220 in path.

  • 1
    I don't get it. The is a <path> in your code and no <circle>, what exactly do you want? – Luciano Sep 11 '18 at 12:18

Right click on the shape and select Convert to Path (Ctrl+8)

And then export to svg.

enter image description here

That worked for me :)

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.