Design Resources

Iconify

A unified icon framework giving access to 200,000+ icons from 150+ icon sets through a single API. Avoids mixing icon styles across a project, and the SVG output is clean and customizable.

Overview

Iconify is an open-source icon framework that unifies access to over 200,000 icons from more than 150 icon sets including Material Design, Font Awesome, Heroicons, Phosphor, and many others through a single consistent API. Instead of installing multiple icon packages and dealing with different import patterns, you use one library and reference any icon by its set and name.

The framework renders icons as inline SVGs, which means they scale perfectly at any size, can be styled with CSS, and do not require separate image requests. The Iconify API can also serve icons on demand, so you only load the icons you actually use rather than an entire icon font file.

Key Features

  • 200,000+ icons from 150+ icon sets
  • Single unified API for all icon sets
  • Inline SVG rendering for crisp scaling
  • CSS customization for color and size
  • Figma plugin for design use
  • On-demand loading via API
  • Framework integrations for React, Vue, Svelte

Use Cases

For developers building web applications, Iconify eliminates the decision fatigue of choosing between icon libraries and the maintenance burden of managing multiple packages. You can mix icons from different sets when needed without changing your import pattern.

For designers using Figma, the Iconify plugin provides access to the full icon library directly within the design tool. Icons can be inserted as vectors and resized without quality loss, and the same icon names can be referenced in code for a consistent design-to-development handoff.

Pricing

Completely free and open source. The Iconify API is free to use. Self-hosting the API is also an option for teams with strict data residency requirements.