Using material icons in your design project can add a unique visual element to your work. But how do you get these icons into your Figma project?
Thankfully, it’s quite simple. In this article, we’ll go over the steps you need to take to get material icons into your Figma project.
To start, you’ll need to find the material icons that you want to use. You can download the Google Material Icons set from their official website or look for other icon sets that use material styling. Once you’ve located the set of material icons you want to use, it’s time to import them into Figma.
With Figma, importing icons is easy. All you have to do is select the assets tab on the left side of the screen and then click on “Import”.
From here, you will be able to browse your computer and select the icon set that you want to import. Once imported, they will appear in the Assets tab.
Once imported, you can begin using them in your designs. To do this, simply drag and drop them onto your canvas or select them from the Assets tab and place them where desired. You can also edit them further by changing their color or size if needed.
You can also style material icons with Figma’s robust styling tools. To access these tools, simply select an icon from the Assets tab and then click on “Edit Style”. From here, you can choose from a variety of different style options such as color, stroke widths, corner rounding etc.
Conclusion:
Getting material icons into Figma is easy and straightforward. All it takes is downloading a set of material icons and importing it into Figma using its Import feature. Then they can be placed anywhere on the canvas or styled further using its editing features.