Icon libraries.

222 libraries with 294,237 icons: 110 UI sets, 13 multicolor, 15 logo and brand sets, 12 for programming, 11 emoji sets, 10 of flags and 9 thematic, plus 42 older sets in the archive. Every icon has its own page.

For an interface, start with Lucide (1,655), the set shadcn/ui ships with, in one clean line style. For more, Tabler (6,033) adds filled versions, Phosphor (9,161) six weights from thin to duotone, and Material Symbols (15,862) is Google's, outlined, rounded or sharp. For brands, Simple Icons (3,632) in one color, or SVG Logos (2,063) in theirs.

Fluent UI System Icons (19,257), Material Symbols (15,862) and Material Symbols Light (15,390). Size counts styles: a set that draws each icon in outline, filled and two weights has four of each.

Lucide, HeroIcons, Material Symbols, Tabler Icons, Radix Icons, Font Awesome 6 Solid, Feather Icons and Simple Icons are the sets the site lists first, because teams reach for them most. Each has its own page with every icon, its license and its author.

The 15 logo and brand sets, among them Simple Icons, Arcticons, Web3 Icons Branded and SVG Logos. Open one and search the company name. Their licenses cover the drawings; the brands' trademarks stay with their owners.

Two groups: 12 sets for programming, among them VSCode Icons, Material Icon Theme and Devicon, which draw languages, frameworks and tools; and 10 of flags (Circle Flags, Temaki and Flag Icons), plus 11 emoji sets (OpenMoji, Twitter Emoji and Noto Emoji).

Yes, but give each job one set: one UI set for controls, a logo set for brands, an emoji set for reactions. UI sets differ in grid, stroke and corners, so two side by side look mismatched. Each icon page exports at the size you pick, so mixed sets can at least share a size.

80 of the 222 libraries are drawn on a 24 × 24 grid, the usual size for interface icons; the rest are drawn on 36 other grid sizes. The grid is on every library's page, and it decides how large an icon looks at the same size.

38 libraries are multicolor, among them Catppuccin Icons, Circle Flags and CoreUI Flags: their icons keep their own colors and ignore text color. The rest are single color, drawn in currentColor, so a Tailwind text class recolors them.

Outline icons are drawn with strokes, so their weight can change; filled icons are solid shapes. Sets such as Tabler, Phosphor and Material Symbols draw the same icon in several styles, and their pages let you pick one above the grid. Pick one style per project.

Use the library's own page. It shows the icon count, the grid, the author, the license and the styles, and the search covers names and tags. To compare how sets draw one subject, open its tag from /icons/tags.

Open a library, find the icon (search by name or by what it shows), and open its page: copy it as a typed React component or as SVG for any framework, download it, or, signed in, install it with one shadcn CLI command.

Every icon copies as a Vue, Svelte, Angular, Solid or Preact component as well as React, as plain SVG for HTML, or as a data URL. The same choice is offered in every library.

A package, like lucide-react, installs the whole set and you import what you use. Here, an icon is copied into your project as its own file, so you hold only the icons you chose and can edit them. Sets that publish a package still work: use either.

Sets that are no longer maintained, and earlier versions of sets that have a newer one here (Font Awesome 4 and 5 next to 6 and 7). They're still free to use; for a new project, the maintained set is usually the better pick.

Almost all. Of the 222 libraries, 149 are MIT, Apache 2.0, ISC, BSD, OFL or public domain, free with no credit; 56 are CC BY, which asks you to credit the author; 15 are share-alike or copyleft (CC BY-SA, GPL, MPL); and 2 are for non-commercial use only: Custom Brand Icons and PrestaShop Icons. Every library and icon page names its license.

Custom Brand Icons and PrestaShop Icons: they are for non-commercial use only. Leave them out of paid products, client work and anything that earns money.

56 libraries ask for credit (CC BY). A line in your credits or about page naming the author is the usual way; the library's page shows the author. The 149 permissive ones need only the license notice if you ship their source files.

Arcticons, Brandico, Circum Icons, Dashicons and 11 more use a share-alike or copyleft license: icons you change keep the same license, and GPL can carry into what you ship with them. Read the terms linked on the library's page first.

Yes. Every icon in every library is free to browse, copy and download here. Pro adds the MCP server, which installs icons for your AI agent.

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

list_icon_libraries returns every set, most used first, with its id, size, license and, for sets that ship one, its npm package. It is how an agent picks the set that matches the icons already in your project, and checks a license first.

Three tools, search_icons, get_icon and list_icon_libraries. The MCP server is part of Pro; the libraries themselves stay free to browse, copy, download and install with the shadcn CLI.