Icon Search
Type to search across all icon packs
About the Icon Search
Icon Search is a unified discovery engine that lets you search across more than 280,000 icons drawn from over 200 open-source icon packs in a single place. Instead of opening separate galleries for Lucide, Heroicons, Font Awesome, Material Symbols, Tabler, Bootstrap Icons, Phosphor, and dozens of other sets, you type a keyword once and see matching glyphs from every collection side by side. This makes it dramatically faster to find a consistent visual metaphor and compare how different packs render the same concept.
Under the hood the tool indexes each icon by its name, tags, and originating pack, then matches your query against that metadata. Because icon naming conventions differ between libraries, searching a plain English term like 'cart', 'settings', or 'arrow' surfaces variants across packs so you can pick the stroke weight, fill style, or grid size that fits your design system. Selecting an icon typically gives you its SVG markup ready to copy, which you can then refine with related tools.
Common use cases include sourcing UI affordances for web and mobile apps, building a cohesive icon set for a brand, finding placeholder glyphs for prototypes, and locating a specific symbol whose name you cannot remember. Designers and developers both benefit because the results are vendor-neutral and licensed under permissive open-source terms, so you avoid the lock-in and attribution headaches of proprietary icon services.
A practical tip is to standardize on one or two packs per project for visual consistency, using Icon Search mainly to fill gaps where your primary pack lacks a glyph. Once you copy the SVG, pipe it through the SVG Optimizer to strip metadata, the SVG to JSX Converter if you are building a React component, or the SVG Encoder when you need a data URI for CSS. Keeping stroke widths and viewBox dimensions aligned across the icons you select will make the final set feel like it was designed together.
Frequently asked questions
- How many icons and packs can I search?
- More than 280,000 icons across 200+ open-source icon packs, all searchable from a single query box.
- Are the icons free to use commercially?
- They come from open-source packs, but each pack has its own license (MIT, Apache, CC-BY, etc.). Check the originating pack's license for commercial and attribution requirements.
- Why do searches return the same icon from multiple packs?
- Different libraries name and draw common concepts similarly, so a query like 'home' or 'user' matches glyphs in many packs. This lets you compare stroke weights and styles before choosing one.
- What format do I get when I pick an icon?
- You typically receive the icon's SVG markup, which you can copy directly or pass to the SVG Optimizer, SVG to JSX Converter, or SVG Encoder for further processing.
- How do I keep icons visually consistent across my project?
- Standardize on one or two packs with the same grid size and stroke weight, and use Icon Search mainly to fill gaps. Aligning viewBox dimensions keeps the set looking unified.
Browse 200+ icon packs with 280,000+ free SVG icons
Optimize SVG files by removing metadata and minifying paths
Convert SVG markup to React JSX/TSX components
Convert SVG files to PNG at custom dimensions
Encode SVG as Base64, data URI, or CSS background
Edit SVG code with live preview