How to insert a SVG icon?

Modified on Fri, 30 Jul 2021 at 10:27 AM

1. From Figma design

From the element list on the left side of Figma interface, choose the icon that you want to copy its SVG data
Right click > Copy/Paste > Copy as SVG
Paste the data into SVG field in your theme and you're done!

2. From online SVG icon sites

For example: https://fontawesome.com/

After searching and picking an icon you need, click to open the detail page
Right-click on the icon and choose Inspect

Right-click again on the element > Edit as HTML > Copy that content and paste in SVG field of your theme

3. For downloaded SVG file

Open the file on Chrome browser
Right-click on the icon and choose Inspect
Right-click again on the element > Edit as HTML > Copy that content and paste in SVG field of your theme