---
name: Iconify
slug: iconify
url: "https://dontmakeitugly.com/resources/iconify"
website: "https://iconify.design"
github: "https://github.com/iconify/iconify"
docs: "https://iconify.design/docs/"
type: asset-library
categories:
  - assets
  - tools
tags:
  - icons
  - search
  - aggregator
  - tailwind
  - api
  - svg
frameworks:
  - react
  - vue
  - svelte
  - tailwind
  - agnostic
pricing: free
license: MIT
openSource: true
agentFriendly: excellent
agentAccessMethods:
  - documentation
  - github
  - npm
  - api
difficulty: intermediate
dateAdded: "2026-09-02"
lastVerified: "2026-09-02"
---

# Iconify

One API and one component for two hundred thousand icons from every major set.

- Type: Asset library
- Categories: Assets, Tools
- Pricing: Free · License: MIT
- Open source: yes
- Works with: React, Vue, Svelte, Tailwind CSS, Framework agnostic, SVG, API

## What it is

Iconify unifies most open-source icon sets (Lucide, Tabler, Phosphor, Material Symbols, Simple Icons and many more) behind a single search, a single component API, and an on-demand loading system. Its Tailwind plugin renders any icon as a CSS class.

## Why it's here

Useful when you need icons from several sets and want them to load the same way, or when you're using a framework without first-party packages for your chosen set. The search site alone is the best icon search on the web.

## Best for

- icon search
- mixing icon sets
- Tailwind-only icon loading

## Links

- Website: https://iconify.design
- Docs: https://iconify.design/docs/
- GitHub: https://github.com/iconify/iconify

## Can my agent use this?

Yes. Docs, source, npm and a public API. Agents can look up any icon by its set:name identifier.

Agent friendliness: Excellent. Public docs, public source or an installable package. An agent can read, install and implement this directly.
Access methods: Docs, GitHub, npm, API.

## Prompt to hand your agent

```text
Use Iconify as a design and implementation reference for this project.

What it is: One API and one component for two hundred thousand icons from every major set.

Website: https://iconify.design
Documentation: https://iconify.design/docs/
GitHub: https://github.com/iconify/iconify

Use it specifically for:
- icon search
- mixing icon sets
- Tailwind-only icon loading

How you can access it: Docs, GitHub, npm, API.
Works with: React, Vue, Svelte, Tailwind CSS, Framework agnostic.
License: MIT. Respect it.

Read the documentation before writing code, and use the current version's API. Install it properly rather than re-implementing it. Adapt the defaults to this project's existing design tokens, typography, spacing and accessibility requirements. Do not blindly copy the entire resource.
```

## Related

- [Simple Icons](https://dontmakeitugly.com/resources/simple-icons.md): SVG logos for thousands of brands, in one consistent style.
- [Fontsource](https://dontmakeitugly.com/resources/fontsource.md): Self-host any open-source font with an npm install.
- [Radix Colors](https://dontmakeitugly.com/resources/radix-colors.md): Colour scales designed for real UI, with light and dark modes that actually match.
- [SVGL](https://dontmakeitugly.com/resources/svgl.md): A beautiful library of full-colour SVG logos with light and dark variants.

Iconify is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.