Iconify for Figma

With the Iconify plugin for Figma you can:

• Import icons. You can also drag and drop icons from plugin to Figma.
• Quickly replace selected icon.

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.

After opening the plugin, you will see the 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.

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

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.

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:

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

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:

Support and feedback

Feedback is welcome.

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