Web Design » Figma » How Do I Add Icons to Pages in Figma?

How Do I Add Icons to Pages in Figma?

Last updated on May 7, 2023 @ 7:44 am

You can add icons to your Figma pages in a few different ways. The first way is to use the built-in icon library. To do this, simply click on the ‘Resources‘ tab in the top menu.

From there, open the ‘Plugins‘ tab and type in the keyword ‘icons‘ in the search bar. Select a plugin from the results and run it. In this tutorial, we will be using the ‘Icons8‘ plugin.

In the running Icons8 plugin window, search for the type of icon that you want to use and press “Enter” on your keyboard. The plugin will then give various icons to choose from.

Select the icons you want to add to your page.

The second way to add icons to your Figma pages is by using external sources. To do this, go to File > Place image.

This will allow you to upload icons from your computer.

NOTE: You can simply download icons from free resources online such as Flaticon and Freepik.

PRO TIP: Please be aware that Figma currently supports adding icons to pages using plugins and external resources only. You can add icons to your designs by creating them yourself or using Figma’s free library of icons from plugins.

Once you have added your icons, you can change their color, size, and rotation by selecting them and then using the ‘Design‘ tab on the right panel. You can also add a link to an icon using the ‘Prototype‘ settings.

Adding icons to your Figma pages is a great way to make them more visually appealing and user-friendly. By using the built-in icon library or external sources, you can easily find the perfect icons for your pages. And with the Format options, you can customize them to match your page’s design.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.