Font Awesome Icon Search

Features

• Over 2000 icons across solid, regular and brands
• Three-layer matching (name, label, search terms) ranked by layer — name matches first
• Multiple words must all match: `arrow up` returns only icons containing both
• Hyphens split words, so `arrow right` finds `arrow-right`
• Filter by style (brand icons exist only in brands)
• Click an icon for four usages: class, inline SVG, Unicode, HTML entity — each copyable
• Icons are served from the official sprite via `<use>`, one DOM node each, so dozens per page stay cheap
• Index and icons are hosted here, so it works offline; attribution appears below the grid as the licence requires

How to use

1. Type a name or a meaning into the search box — if a non-English word finds nothing, try English
2. Filter by style if needed (brand icons live under brands)
3. Click an icon to see its four usages
4. Copy the one you need into your project

FAQ

Can these icons be used commercially?

Yes. Font Awesome Free’s icons are CC BY 4.0: commercial use, modification and redistribution are all allowed, and the only requirement is attribution (listing Font Awesome and Fonticons, Inc. on your project’s licences page is enough). The fonts are SIL OFL 1.1 and the code is MIT — all three are far more permissive than “the free version is not for commercial use”, but all three require the notice to be kept.

Why does searching a non-English word find nothing?

Because the names, labels and search terms are all English — that is Font Awesome’s data, and it carries no translations. So search in English: the idea of uploading maps to `upload` (which yields `arrow-up-from-bracket`), sharing to `share`, deleting to `trash` or `delete`. If you are thinking in another language, ask what the action is called in English — which is also why each result shows which layer it matched on.

Should I use the class or the inline SVG?

It depends on whether your project already loads Font Awesome. If it does (a few hundred KB of CSS, or the JS build loading icons on demand), use the class `<i class="fa-solid fa-house">` — easy to restyle for size and colour, and it caches with your CSS. If it does not, do not pull in FA for a handful of icons; use the inline SVG: `<svg><use href="/fa-sprites/solid.svg#house"></use></svg>`, or inline the path data. Everything here is copy-paste ready; the inline SVG snippet points at this site’s sprite, so remember to copy that sprite into your own project.

When would I use the Unicode forms?

For icon font situations: `\f015` is the CSS form (`content: "\f015"` with a pseudo-element, or an icon button via `::before`) and `&#xf015;` is the HTML entity form. Neither needs a class name, and the cost is legibility — nobody reading the code knows what `\f015` is — so use them only where they earn it, such as a purely decorative icon via a pseudo-element, where the alternative would be an extra empty element in the HTML.