421,020 icons · 579 free tools · one search

Every open-source icon, indexed so you can ship faster

IconVault searches 421,020 icons from Lucide, Phosphor, Material Symbols, Tabler and 150 other families. Preview at real size, recolour to your brand, then copy the exact snippet your framework wants. Need more? 579 free online tools, from QR codes to background removers, run right in your browser.

Coding with an agent?

It can search here too, through the CLI and API.

$iconvault add lucide:rocket
API & CLI docs

The vault · 239 libraries

Popular libraries

The same icons in every set, side by side, so you can feel the style before you commit.

Free illustrations

Illustrations that match your brand

386 free SVG illustrations for websites and apps. Recolor them to your brand, pick a size, and download as SVG or PNG - free for personal and commercial use.

Browse all 386 illustrations

Collection styles

Pick a style, land on the set

Every style in the vault, one tap away - each chip opens the icon set that wears it best.

421,020

Icons indexed

every style, one search

239

Icon sets

all open-source, licence-clear

579

Free online tools

5 free uses a day, no account

17

Tool categories

dev, design, SEO, fun & more

Why teams switch

Built for the ten seconds between "we need an icon" and "it's in the PR"

No downloads folder archaeology, no mismatched stroke widths, no licence guesswork.

421,020 icons, one index

Search across 150+ open-source sets at once, or narrow to a single family when consistency matters.

Copy as component

React, Vue, HTML, CSS or raw SVG - already sized and coloured the way you previewed it.

Bulk export

Multi-select an entire screen's worth of icons and pull them down as SVG or PNG in one pass.

Favourites that sync

Star icons locally, then sign in and everything follows you across devices automatically.

Named collections

Group icons per project or per feature, share the set with your team and keep naming consistent.

Licence-clear, always

Every icon carries its original open-source licence and author credit, so shipping stays safe.

Developer experience

The snippet is already correct when you paste it

Size, colour and import path are baked into whatever you copy. Pull icons from the CLI, the VS Code extension, or the REST API when you'd rather not leave your editor at all.

  • CLIiconvault add lucide:rocket
  • REST APIwith per-project keys
  • Figma plugindrops icons straight into frames
Read the API docs
CheckoutButton.tsxTSX
import { Icon } from '@iconify/react';

export function CheckoutButton() {
  return (
    <button className="btn-primary">
      <Icon icon="solar:cart-large-2-bold-duotone"
            width="20" color="#0F766E" />
      Secure checkout
    </button>
  );
}
Size, colour & import path baked in - paste it and it just works.

How it works

Idea to icon in three moves

01

Search or describe

Type a name, or let AI search interpret 'something that means secure checkout'.

421k+ results
02

Tune size and colour

Preview at 16 to 64px against light or dark, and dial in your exact brand hex.

16-64px
03

Copy or export

Grab a framework snippet, download SVG/PNG, or push the set to your design tokens.

SVGPNGJSXVueCSS

From the blog

Guides, tips, and best practices for SVG icons.

All posts

Stay in the loop

New sets, new tooling, once a month

No noise - just newly indexed icon families and the occasional workflow trick.

Icons and tools, ready when you are

Free to search, free to export, 579 free tools with 5 uses each. Sign in only when you want favourites and collections to follow you.

Explore free tools