Skip to content

Iconify documentation

Iconify is a set of tools for developers and designers, created to make it easy to work with different icon sets in a consistent way.

It includes:

  • Tools for importing, exporting and organising icons.
  • Over 200k icons from more than 150 open source icon sets, all cleaned up, optimised and kept up to date.
  • Components for various frameworks that work with that icon data.
  • Plugins for UI developers.
  • Public API to browse, search icon sets and retrieve icon data. It also generates SVG and CSS on demand.

Icons

Icons section of documentation explains the following:

How to use icons

Iconify ecosystem offers many ways to use icons, for both coders and designers.

For using icons in HTML, there are several viable options:

For designers, Iconify ecosystem offers several ways to easily import icons in various design tools:

Available options:

  • The designers who use Figma can install Iconify plug-in for Figma.
  • The designers who use Sketch users can install Iconify plugin-in for Sketch.
  • For other design tools, or if you are experiencing issues with plug-ins listed above, you can copy and paste SVG from one of the sources listed below.

You can browse all available icons and copy code or SVG on the following websites:

Find icon you want, select it, copy code sample or SVG to clipboard, paste it in your project.

See how to use icons for more details.

Advanced usage

This section is for advanced usage, getting deeper in the Iconify ecosystem.

Libraries

There are several Node.js packages that Iconify ecosystem is built on. You can use them in your libraries or a build process to import/export icon sets, validate and clean up icons, generate SVG, CSS, and more.

Types

Before using any tools, you need to understand data structures used in Iconify ecosystem.

See Iconify types documentation.

Utils

Iconify Utils contains reusable functions for:

  • working with icon sets
  • working with icons
  • generating SVG, CSS

as well as some helper functions.

This package is designed to work in any environment. It is used by all Iconify packages, including icon components, API, plugins.

Tools

Iconify Tools is designed to import, export and process icon data.

It is used to maintain available open source icon sets.

This package is designed to work only in Node.js. It is not usable in the browser.

API

Iconify API is an open source hosted (or self-hosted) service, indented for developers. It is used to:

Released under the Apache 2.0 License.