Vivlab
Icon search

Find your icon

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

Pick an icon to customize it and download it.

How it works

Find an icon in 3 steps

1

Search for an icon

Type an English keyword in the search bar, or browse a collection from the tabs.

2

Set colour and size

Select an icon, choose its colour, then a size among 24, 32, 48 or 64 pixels.

3

Export the result

Download the SVG, copy its code to paste into your page, or copy the icon's name.

Choosing your icons well

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.

Why the SVG format

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.

Using it with Iconify

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.

A note on licenses

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.

Our tip

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

Questions about icons

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.