Iconify is the most versatile icon framework. It was originally designed to replace outdated icon fonts with modern SVG framework, while offering ease of use that icon fonts are famous for. Since then Iconify has evolved. It offers more icons than any other solution and various native components for web app frameworks.
This documentation is split into several parts.
Iconify offers more than 100 open source icon sets with over 100,000 icons. All icons are pre-processed and stored informat.
Data for icons is open source and is available for everyone as big package that contains everything or small packages.
You can use it in your own icon components, to export raw SVG.
See icons section for list of various packages and formats.
Browse icons to see what is available.
If you have designed an icon set, consider adding it to Iconify.
In addition to offering open source icon data as packages, Iconify has public API.
API is used to:
Having 100k+ icons is not really helpful without ability to use them in your projects.
There are various ways to use icons:
- Iconify Icon web component (HTML with or without UI frameworks. Works great with SSR).
- Iconify framework native components (React, Vue, Svelte, Ember).
Iconify is supported by a growing community. In addition to Iconify icon components, there are now more ways to use icons, created by amazing open source developers:
- Unplugin Icons (supports many UI frameworks).
- UnoCSS (icons in CSS).
- Astro Icon (Astro).
- Edge Iconify (Edge template engine).
- Iconify Prerendered (Vue).
- Nuxt Icon (Nuxt).
Want to create your own icon component? See "Libraries" section below. Most components listed above use functions from Iconify Utils to generate icons.
In addition to icon components, Icon Finder is in development.
In addition to icon data and components, Iconify offers plug-ins for popular software for UI design:
Libraries section contains documentation for various tools that are used to develop and maintain Iconify: