Iconify is the most versatile icon framework available. 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 components for web app frameworks.
This documentation is split into several parts.
Iconify for developers section explains how to use Iconify icons in your project. Iconify is designed to be very flexible.
Most of the documentation assumes you have some familiarity with Iconify. If you are not familiar with Iconify, you are probably looking for Iconify SVG framework documentation.
You can use Iconify with any icons.
By default, Iconify includes over 80k free icons from various icon sets, including the most popular icon sets: Material Design Icons, FontAwesome, Bootstrap Icons, EmojiOne, Noto Emoji and many other icon sets. You can browse all icons by clicking "Browse Icons" link in navigation.
Sources section explains where implementations (such as SVG framework or React component) get icon data, show various ways to retrieve icon data.
Sources are split into several parts:
- Iconify API. It is used by SVG framework, Icon Finder and some components.
- Bundled icons. You can create icon bundles, making it easy to use Iconify implementations offline.
- Icon components. Similar to icon bundles, but uses different approach. This is used by most components, such as React, Svelte and Vue components.
Implementations are responsible for rendering icons.
Iconify SVG framework is a modern replacement for icon fonts.
In addition to SVG framework, Iconify offers components for several popular frameworks:
For designers section is for UI designers.
Iconify offers plug-ins for popular software:
Integration section is in development.
It will include documentation for Iconify Icon Finder and related tools that can help integrate Iconify into other projects.
Code section contains documentation that should help developers create custom solutions.
It covers several topics: