What does SVG Icon Browser actually do?

The SVG icon browser searches a built-in icon set and copies SVG or JSX markup. Icons are the paths shipped with the page, not a live fetch of every icon library on the internet.

When should I use SVG Icon Browser?

Use it to grab a small inline icon without adding an icon package.

When should I not use SVG Icon Browser?

Do not treat it as a full Lucide or Heroicons version pin.

What does SVG Icon Browser not do?

The set is finite. A missing name is not in this bundle. Copying JSX still needs the right import style for your project.

SVG Icon Browser

Browse 184 curated SVG icons (Lucide-style). Adjust size, stroke, color, fill. Copy as SVG or React. Free online — runs locally, no upload.

184 of 184 icons • scroll to see all

Arrows & Navigation (19)

Actions & Controls (14)

Media & Playback (18)

Files & Documents (15)

Communication (11)

User & People (12)

Data & Charts (11)

Weather & Nature (11)

UI & Layout (14)

Development (15)

Miscellaneous (24)

Social Media (20)

arrow-right

next, forward, go

Size24px

Stroke width2

Filled

Color

Output format

Output

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M5 12h14 M12 5l7 7-7 7" />
</svg>

184 curated SVG icons (Lucide-style, MIT-licensed paths) across 12 categories. Adjust size, stroke width, fill, and color. Copy as raw SVG or as a ready-to-paste React component. Scroll the icon grid to browse all icons.

Search tools