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 and implementations. Source provides icon data. Implementation renders icon data.

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.

Sources

You can use Iconify with any icons.

By default, Iconify includes over 60k 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:

Implementations

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:

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.