The free Vivlab icon search engine digs through thousands of open source icons (Lucide, Material Symbols, Remix, Solar…).
Search, pick the color and size, then download the SVG or copy the icon name.
0 icon
How it works
Type an English keyword in the search bar, or browse a collection from the tabs.
Select an icon, choose its colour, then a size among 24, 32, 48 or 64 pixels.
Download the SVG, copy its code to paste into your page, or copy the icon's name.
Open source icon libraries (Lucide, Material Symbols, Remix, Solar, Phosphor…) bring together thousands of free pictograms, ready to drop into a site or an app. This tool runs on Iconify, which gathers these collections into a single search.
SVG is a vector format: it stays perfectly sharp at any size, weighs almost nothing, and recolors with a single property. Great for fast, polished interfaces on every screen.
Each icon has a name like collection:icon (for example lucide:arrow-right). Copy that name to use it with an Iconify component, or download the SVG file directly.
Most of these collections are free (MIT, Apache, CC), but the terms vary from one family to the next. For commercial use, always check the license of the collection you picked before publishing.
Keep a consistent icon family across your whole site. Mixing several styles (thin lines, filled, rounded) hurts the visual harmony: choose one collection and stick with it.
Frequently asked questions
Why download as SVG?
SVG is a vector format: it stays crisp at any size, from a 16-pixel favicon to a full-screen banner, and its file weight stays tiny. You can also tweak its colour straight in the code.
Are the icons free to use?
Most of the collections here are open source, under MIT, Apache or Creative Commons licences, and free to use, commercial projects included. The licence depends on each collection, so check the set's page before a wide release.
Can I change an icon's colour?
Yes, the picker applies the colour you choose before export, and the resulting SVG follows the text colour once it's embedded in your page. Multicolour sets like Noto keep their original colours and can't be recoloured.
How many icons are available?
The collections hold several thousand pictograms across different styles: thin line, solid, rounded outline or emoji. The counter above the grid shows how many results match, and the view caps at the first 240 to stay smooth.
How do I add the icon to my site?
Paste the SVG code straight into your page for the lightest result, or drop the downloaded file into your Vivlab media library. Copying the name, in collection:icon form, is handy if you already use Iconify in your code.
Keep exploring