Showing 315 of 315 icons
Showing first 120 results. Refine your search to see more specific icons.
How to Find and Copy Icons
- 1
Type an icon keyword
Enter a descriptive word in the search bar, such as 'arrow', 'user', 'cart', or 'settings'. The fuzzy search handles typos and partial matches, so 'shoping' still returns shopping cart icons across all libraries. - 2
Filter by library or category
Use the library dropdown to limit results to FontAwesome, Material Icons, Lucide, or Heroicons. Combine it with a category filter like Navigation, Media, or Communication to narrow results further. - 3
Browse and compare results
Scroll through the icon grid to compare how different libraries render the same concept. Each card shows the icon preview, name, library, and CSS class so you can pick the best fit for your design. - 4
Click to copy the CSS class
Click any icon card to instantly copy its CSS class name to your clipboard. Paste it directly into your HTML, React component, or design tool. A confirmation badge appears so you know the copy succeeded.
Popular Use Cases
Web Development and UI Design
Prototyping and Wireframing
React, Vue, and Angular Projects
Documentation and Technical Writing
Why Use Font Icon Search?
Font Icon Search is a free online icon finder that lets you search across FontAwesome, Material Icons, Lucide, and Heroicons from a single interface. Instead of jumping between four separate documentation sites, type any keyword — 'arrow', 'user', 'shopping', 'notification' — and instantly see matching icons from every library. The fuzzy search engine tolerates typos and partial matches, so even approximate terms return useful results. All processing runs entirely in your browser with zero data sent to any server.
Choosing the right icon library matters for consistency and performance. Font Icon Search helps you compare how different libraries render the same concept, making it easy to pick the style that fits your design system. Each result card shows the icon preview, its official name, the parent library, and the CSS class ready to copy. Pair this tool with the SVG Path Visualizer to inspect icon paths, the Favicon Generator to turn icons into favicons, or the Color Palette Generator to build a color scheme that complements your icon choices.
Whether you are a frontend developer building a React dashboard, a designer assembling a wireframe, or a technical writer documenting an API, Font Icon Search eliminates the guesswork. No signup, no installation, no limits — just fast, private icon discovery powered by your browser. With over 10,000 icons indexed across all four libraries, you are unlikely to leave empty-handed.
How It Compares
Most developers search for icons by visiting each library's documentation site individually. FontAwesome has its own search at fontawesome.com, Material Icons lives on fonts.google.com, Lucide has lucide.dev, and Heroicons offers heroicons.com. Switching between these sites wastes time and makes it hard to compare icon styles side by side. Font Icon Search consolidates all four libraries into one fast, filterable search experience.
Compared to other multi-library icon search tools, FindUtils Font Icon Search runs entirely client-side with no ads, no tracking, and no account requirements. Many alternative sites load slowly due to ad scripts or require pagination. Our tool loads the full icon index on page open and delivers instant results as you type. For developers who also need to work with SVG code, the SVG Path Visualizer lets you inspect and edit vector paths, while the CSS Minifier helps reduce stylesheet size after adding icon font imports.