What is Iconify and how do you use it?

Iconify is an open-source project that puts 200,000+ icons from 150+ sets behind a single, consistent API and set of components. It's the engine that powers IconStash's search and rendering.

One name format, every set

Every icon has a prefix:name id — mdi:home, tabler:rocket, lucide:star. That one convention works across framework components, the web component, and the HTTP API.

Ways to use it

• Web component — <iconify-icon icon="mdi:home"> in plain HTML.
• Framework components — @iconify/react, @iconify/vue, Svelte and more.
• HTTP API — request any icon as SVG: api.iconify.design/mdi/home.svg.
• Build-time — bundle only the icons you use with the Iconify tools.

Why it's useful

You get every major open-source set without installing dozens of packages, on-demand loading so you ship only what's rendered, and a permissive licence model where each set keeps its own credit. IconStash is essentially a friendly search-and-edit layer over this data.

Frequently asked questions