DevKit Tools

Icon Finder

Search over 200 open source icon sets, recolour and resize, then copy the SVG, JSX or CSS. Every set's licence is shown with the icon.

Icons/Icon Finder

Search 200+ open source icon sets and copy the SVG, JSX or CSS, with the licence for each set shown.

Over 200 open source icon sets. Only the search word leaves your browser.

Search and previews come from the Iconify API. It is the one part of this site that talks to a third party while you use it, because a catalogue of 200,000 icons cannot live in your browser. Only the word you type is sent.

Every set has its own licence, shown with the icon you pick. Most are MIT or Apache, some are CC-BY and need attribution, and a few brand-logo sets carry trademark terms of their own. Check it before shipping a logo.

About the icon finder

Finding an icon usually means opening four different icon sites in four tabs because none of them searches the others. This searches more than 200 open source sets at once through the Iconify catalogue, so one query covers Material, Phosphor, Lucide, Remix, Tabler, Bootstrap, Font Awesome's free tier and a long tail of others.

What you take away is the SVG itself, pasted into your project. Nothing is loaded from this site or from Iconify at runtime, so the finished page has no dependency on either of us and works offline. Colour is baked in, and you can swap it for currentColor if you would rather the icon follow the surrounding text.

Licences differ from set to set, so the licence is shown next to the icon you pick rather than left for you to discover afterwards. Most are MIT or Apache, some are CC-BY and want attribution, and the brand logo sets carry trademark terms of their own.

How to use it

  1. 1Type what you want: arrow, github, settings, trash.
  2. 2Click an icon to select it.
  3. 3Set the colour and size.
  4. 4Copy the SVG, JSX or CSS background, or download the file.

Questions

Can I use these icons commercially?

Usually yes, but it depends on the set, which is why the licence is shown with every icon. MIT and Apache sets are unrestricted in practice. CC-BY sets need attribution somewhere in your project. Brand logo sets are a separate matter: the licence covers the drawing, not the trademark, so using a company's logo still needs their permission.

Does my site then depend on this tool?

No. You copy the SVG into your own code, so nothing is fetched at runtime from here or from Iconify. That is deliberate: an icon that stops rendering because someone else's service went down is not worth the convenience.

How do I make the icon follow my text colour?

Replace the fill value in the copied SVG with currentColor. The icon then inherits the colour of whatever element contains it, which is what you want for buttons and links that change colour on hover.

Is anything of mine sent anywhere?

Only the word you type, which goes to the Iconify search API. This is the one tool on the site that talks to a third party while you use it, because a catalogue of 200,000 icons cannot live in your browser.

Why do some searches return so many results?

Because a common word like arrow exists in nearly every set, often in several weights. Narrow it with a more specific word, or pick a set you like and stay with it so your interface stays visually consistent.

Can I get PNG instead of SVG?

Not directly here. Download the SVG and convert it with the image tools on this site, or just use the SVG, which stays sharp at any size and is usually smaller.

More Design tools