Icon tags.

Words for what an icon shows or is for, like finance, weather or arrow. There are 18,547, and an icon carries about 6. A tag gathers its icons from all 222 libraries, so one page shows how every set draws a subject.

From each icon's name, its keywords and what it shows, the same way for every library, so a Lucide wallet and a Tabler wallet land under the same tags even though the sets name them differently.

18,547 tags in all, and an icon carries about 6 of them. The biggest are UI (89,040), interface (63,634) and design (50,862).

Tags like ui, interface and design are carried by icons of every kind, so they say little about what an icon shows. They exist because the sets use them in their keywords; for a real subject, use a narrower tag like finance, weather or arrow.

This page lists the 400 that the most icons carry. Search finds any of the 18,547 by name, and every icon page links its own tags and the ones closest to them.

A library is one designer's set, drawn in one style. A tag is a subject across all of them. Browse a library to keep your icons consistent; browse a tag to compare how sets draw something, or to find a set that has the icon you need.

Yes. A tag page has a search over its icons and a picker for a single library, so you can look only at, say, Lucide's finance icons.

Tags with only a handful of icons have their own page too, but icon pages link only the larger ones, so a thin page isn't the first place people land. Search finds all 18,547.

Search the tags on this page for a word close to it, or open any icon you like: its page links its own tags and the ones closest to them, which leads from one subject to the next.

Open the tag: it shows each library's designs for that subject in a row, with the libraries that hold the most, so you can see Lucide's, Heroicons' and Tabler's version of a wallet side by side.

A design is one drawing of the subject in one library; a set that draws it in outline and filled has two icons for one design. Tag pages count designs, so a library with many styles doesn't look bigger than it is.

Sets that draw it differently: line or filled, round or sharp corners, 16, 24 or larger grids. Pick the tag, then use the library picker to stay inside one set so a project's icons match.

Open the tag, narrow it to a library or search it, then open an icon to copy it as React or SVG, download it, or install it with the shadcn CLI.

Open the icon, choose Get icon, then Copy as code and pick React, Vue, Svelte, Angular, Solid or Preact. Each is one self-contained component.

Tags are lowercase words, joined with hyphens when they have more than one (credit-card). A tag page lives at /icons/tag/ followed by that word, so /icons/tag/finance is every finance icon in every library.

It depends on the library each icon comes from. Every tag page counts its designs by license (permissive, credit, share-alike, non-commercial), and each icon's page names its license, so you can check before you ship.

Yes. Browsing, copying and downloading every icon is free. Installing with the shadcn CLI needs a free account, and Pro adds the MCP server.

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client search every tag and library for the icon you describe and install it.

search_icons matches a query against each icon's name, keywords and tags, in all 222 libraries or in one, and get_icon installs the pick. You don't need to name the tag: describe the icon and the tags help it match.