UX Icons
BetaIcon Libraries
Major icon libraries — each with its own visual style, naming conventions, and licensing. Open a library to see its install snippets and every universal icon mapped to it.
Universal Icons
The icons almost every interface needs, with a preview and the exact icon name in each library. Open an icon to compare how it is drawn and named across all libraries.
Brand Icons
The logos and product marks the icon libraries ship, gathered into one place. Every library names them differently — brand-github, logo-github, github-logo — so they are grouped by the brand itself.
Common Icon Names
The names the icon libraries agree on. Every name more than one library uses, grouped by how many use it, so you can see which names are safe to standardise on.
About UX Icons
UX Icons is a directory of the icon libraries designers and developers reach for most — Lucide, Material Symbols, Font Awesome, Heroicons, Phosphor, Tabler, and more — alongside a reference of universal icons: the concepts almost every interface needs, such as home, search, settings, and close.
The same icon often has a different name in every library. UX Icons maps each universal icon to its name in every library, so you can find the right identifier for the library your project already uses, or pick a library by seeing how it draws the icons you need.
UX Icons is a static site built with vanilla HTML, CSS, and JavaScript — no frameworks, no build step. It is a sister site of UX Components, which seeded the initial library directory, and was vibe coded using Claude Code.
Who made this?
UX Icons is created by Patrick Neeman, a Senior Principal UX Designer based in Seattle and the creator of Usability Counts.
Have feedback?
This site is in beta. If you notice mistakes, missing libraries, or icons that should be here, reach out on LinkedIn or X.
Page not found
That library or icon does not exist here — it may have been renamed or removed.