No user interface would be complete without icons and the silent way they so effectively communicate what words could hardly achieve. So it’s no surprise that they are an essential feature in Figma.
Do you want to learn how to add icons in this app to improve the intuitiveness of your design? Here you will find everything you need to know.
Add icons in Figma
There are two main methods for adding icons to Figma. You can download and drag icons to your Figma or simplify the process by installing a plugin.
Add downloaded icons
Have you found the perfect icon on the Internet and need it in your workspace? Simply download the file and drag and drop it into the program. If you need to import many files, select them before dragging or use the corresponding menu.
- Click the square icon on the Figma toolbar.
- Press “Place image…”
- Select the files you want to import. Click and drag your cursor in your workspace to place the icons. Be sure to hold down the Shift button while doing this to maintain the original image aspect ratio.
Install a plugin
The second (and perhaps more productive) way to add icons to Figma is by installing a plugin. Figma plugins are extensions that add even more features to the app. Some of them will make your workflow easier, while others can be used to add design elements. The plugin feature is available to all users regardless of their Figma plan.
You can find plugins by browsing the Figma community page. Access this page in one of two ways:
- Go directly to the Community page in your browser.
- Right-click on the Figma app and choose “Search the community for add-ons.”
Choose the “Plugin” or “Icon” label at the top of the page and you’ll be able to browse a wealth of selections. Files with a blue pen icon or a half blue and half purple icon will be compatible with Figma.
Once you’ve found a plugin you like, install it by simply clicking the blue “Install” button. The plugin will be added to your Figma and you can start using the icons. Installing a plugin will link it to your account, so you can also access it from your connected accounts.
Here’s how to find your plugins in Figma:
- Open your Figma desktop app or access it in your browser.
- Click on the Figma icon in the upper left corner.
- Find the “Plugins” option.
- Select the plugin you just downloaded. It will open in a small window.
Each plugin is different; some will offer more options than others. You can usually find the icon you need in the plugin window. To add an icon to your workspace, simply drag and drop it.
How to Add Social Media Icons in Figma
If you want to add social media icons to your Figma design, you can download an icon plugin that includes social media logos. Additionally, you can search for social media icons specifically on the Figma Community page, where you’ll find icon files created by other Figma users. You can duplicate and edit these files. That is how:
- Right click on your Figma workspace and click “Community” or go directly to Figma. Community page.
- Type “social media icons” in the search bar.
- Browse the search results and make sure to select a Figma-compatible file. Hover over the thumbnail to see a small icon in the corner. A blue or half blue and half purple icon will indicate compatibility.
- Open the entry and then click the blue “Get a copy” icon.
- Click the account you want to add the icons to from the drop-down menu. This will add the file to your drafts folder and copy the icons you need from the draft to the file you’re working on.
You can change the files to fit your design and even share them later. However, remember that these They are not public domain filesand act accordingly.
Frequently asked questions
What file format should I upload my Figma icons in?
A wide range of file formats can be imported into Figma, but when it comes to icons, be sure to opt for the SVG format. This file format gives the icons flexibility as they will be completely customizable. You can edit its size, color, style and even shape. You can also use other formats if SVG is not available for the file you chose; for example, image files like PNG will also work. However, they are more limited and take up much more space, so opt for SVG whenever possible.
Where can I find my downloaded icons in Figma?
The location of Figma icons depends on how you downloaded them.
• If you downloaded an inpidual file, look in your regular downloads folder.
• If you installed a Figma plugin, you will find its icons as follows:
1. Click the Figma icon in the app menu bar and select “Add-ons”.
2. The downloaded plugin will be in the dropdown menu.
• If you duplicated an icon set, your icons will be in your Figma drafts.
1. Open the Figma app and make sure you have selected your profile.
2. Click “Drafts” in the left sidebar to find your new icons.
Add icons the easy way
A consistent set of icons is critical to a successful design. Fortunately, Figma’s community plugins and icon sets make consistency a breeze. You can also use other resources to find icons and simply drag them into your workspace.
Have you found your favorite Figma icons yet? Which ones would you recommend? Let us know in the comments below.
