Iconify documentation

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

Iconify for developers section explains how to use Iconify icons in your project. Iconify is designed to be very flexible.

Developers section is split into two parts: sources that provide icon data and icon components that render icons.

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.

Icon components

Icon components are responsible for rendering icons.

In addition to icon components for popular frameworks, Iconify has SVG framework that works as modern replacement for icon fonts.

Sources

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.

Icon components do not include data for icons.

Sources section explains how icon components can get icon data, show various ways to retrieve icon data.

Sources are split into several parts:

Iconify for designers

For designers section is for UI designers.

Iconify offers plug-ins for popular software:

Integration

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

Code section contains documentation that should help developers create custom solutions.

It covers several topics:

  • Iconify types section describes common types used in Iconify ecosystem.
  • Development tools section includes documentation for tools used to convert and manipulate icons and icon sets.