If you’ve worked with SVG’s before you may know that you can grab the file by inspecting the DOM through your browsers developers tools, and then copy and pasting the <svg… code into a new file and saving as file.svg. This works fine a lot of times, but what if the SVG has css styles applied? This is where it can get tricky and something I’ve been running into more and more.

SVG Export Plugin

Luckily there is a free Chrome/Firefox plugin called SVG Export that will do all this for you automatically and easily let you export into almost any format you desire. As well as letting you copy it to the clipboard and opening in popular apps like Sketch, Figma, and more.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s