Skip to content

Iconify for Figma

With the Iconify plugin for Figma you can import over 200,000 vector icons to Figma.

It is completely free!

Unlike other plugins that offer many icons, but require payment to use SVG, Iconify always imports icons as SVG. Iconify project is open source and offers only open source icon sets.

Plugin remembers the last page you have visited, making it easy to continue searching or browsing icons.

For visitors that have small monitors, the plugin offers compact mode. Button to toggle compact mode is in the top right corner of the plugin window.

Installation

You can install Iconify for Figma from Iconify plugin page.

Usage

In Figma menu select "Plugins", then select "Iconify".

Browse or search icons, select any icon, click "Import Icon" button or drag icon to the Figma document.

Detailed instructions

After opening the plugin, you will see the main page:

Iconify for Figma: main page

Click any icon set or search icons.

When you click an icon set, the plugin will show you all icons in that icon set. You can filter icons by categories (if the current icon set has them), search icons.

To show more icons, simply scroll the icons list.

Iconify for Figma: icon set

You can also search all icon sets for icons. For example, search for "gear":

Iconify for Figma: icon search results

The plugin will show you all icons that match your keyword.

When you hover any icon, you will see a button to show more information.

If you hover it, you will see the icon name. If you click it, you will see:

  • Icon size.
  • Author information and license (only in search results).
  • Buttons to quickly import icon as a component or frame and to get code sample.

You can import icon by:

  • Using quick import buttons from icon tooltip.
  • Dragging icon from plugin window to Figma document.
  • Clicking icon to select it, importing it using buttons in plugin window footer.

Advanced import

When you select an icon, it will appear in page footer with options:

Iconify for Figma: icon code

For icons that do not have a hardcoded palette, color picker is available, showing recently used colors and available color styles:

Iconify for Figma: color picker

Compact mode

If you have limited window space available, you can make the plugin window even smaller.

Click the compact window button in the top right corner and the plugin window will become much smaller:

Iconify for Figma: compact mode

Support and feedback

Feedback is welcome.

See "feedback" page in the plugin or visit support page on website.

Released under the Apache 2.0 License.