Skip to content
Import Material Design Icons, Font Awesome, Dashicons, Noto Emoji, Twitter Emoji and thousands of other icons to Figma project as vectors.
HTML TypeScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Test GitHub sponsors Aug 4, 2019
.gitignore First commit Jun 6, 2019
README.md Add goals to readme Aug 3, 2019
code.ts Place icon in middle of viewport if no layers selected Jul 30, 2019
figma.d.ts Update API Aug 3, 2019
manifest.json Update API Aug 3, 2019
tsconfig.json Update API Aug 3, 2019
ui.html Focus search field when opening icon finder Aug 15, 2019

README.md

Iconify plug-in for Figma

Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons (more than 50 icon sets containing over 40,000 icons) to Figma document as vector shapes.

What is Iconify?

Iconify is new unified icons framework. It is designed to replace outdated glyph fonts with modern JavaScript SVG framework and offer massive choice of icons. Unlike fonts, Iconify only loads icons used on pages, so you can use icons from FontAwesome, Material Design Icons, Firefox Emoji and more on web page without loading many fonts. It is fast and very easy to use.

See https://iconify.design/ for details.

In addition to script, Iconify is available as React component, Angular component and soon will be available as Vue component.

See https://github.com/iconify/iconify-react and https://github.com/iconify/iconify-angular

What can Figma plug-in do?

Figma plug-in offers easy way to import icons to project.

You can browse and search icon sets directly from Figma. No need to copy/paste icons - plug-in will import icons you select.

In future plug-in will be able to publish icons directly to Iconify, so it would take only 1 simple step from designing icon to using it on website. However that is a long term goal that requires massive amount of development, so hopefully it will be implemented by the end of 2019.

Installation

In Figma on dashboard select "Plugins", "Browse all plugins", search for "Iconify". Click "Install".

Usage

In Figma select main menu -> Plugins -> Iconify

Browse or search icons, select any icon, click "Add" button. Plug-in will import icon to your current project.

Iconify for Figma - loading plugin

Screenshots

Big choice of "home" icons: Iconify for Figma - search results Iconify for Figma - search results

Browsing Material Design icons: Iconify for Figma - browsing icons set

Collections list: Iconify for Figma - browse collections

License

MIT. See license.txt

This license does not apply to icons. Icons are released under different licenses, see each icons set for details. Icons available by default are all licensed under some kind of open source or free license.

© 2019 Vjacheslav Trushkin

You can’t perform that action at this time.