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 100k 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:

Icon Finder

Icon Finder section is in development.

Upcoming Iconify Icon Finder will make it easy to integrate icon picker into projects, allowing customers to choose icons.

Iconify for designers

For designers section is for UI designers.

Iconify offers plug-ins for popular software:

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.