100,000+ Free SVG Icons — Download & Copy Instantly

The web's largest curated collection of open source SVG icons. Browse, search, copy SVG code or download files — all free, no attribution required.

120,000+ Free SVG Icons
21 Icon Libraries
MIT License — No Attribution
🎨 Heroicons 🔷 Tabler Icons 💎 Phosphor Icons 🚀 Bootstrap Icons 🪶 Feather Icons
🔍
Size:
Color:
Loading icons...
Fluent —
All —
Phosphor —
FA Solid —
Line Awesome —
Devicon —
Zondicons —
Fontelico —
Brands —
Heroicons —
Tabler —
Bootstrap —
Feather —
Material —
Ionicons —
Ant Design —
MDI —
Lucide —
Carbon —
Remix Icon —
Octicons —
Loading icons from open source libraries...

What are SVG Icons?

SVG (Scalable Vector Graphics) icons are vector-based graphics defined in XML code, meaning they can scale to any size without losing quality — from tiny UI buttons to massive billboards. Unlike raster images (PNG, JPG), SVG files stay crisp on retina/HiDPI screens and are typically only a few kilobytes in size.

SVG icons are the standard choice for modern web and app development. They're accessible, styleable with CSS, animatable, and supported by every major browser. Our free SVG icon library pulls from the most popular open source icon sets, all licensed under MIT — so you can use them commercially without attribution.

Vector editing software interface

Why Use SVG Icons?

  • Resolution Independent — SVG icons look sharp at any size or screen density, from 16px favicons to giant print-quality graphics.
  • Small File Size — Most icon SVGs are under 5KB, keeping your web pages fast and lightweight compared to bitmap alternatives.
  • CSS Stylable — Change fill color, stroke, and effects directly with CSS. No need for multiple color variants of the same icon.
  • Accessible — SVG supports ARIA labels and screen reader text, making icons inclusive and compliant.
  • Open Source & Free — All icons in our library come from MIT-licensed open source projects. Free to use, even in commercial products.
  • Searchable — Instantly search across 100,000+ icons by name, library, or keyword.
  • Edit & Customize — Every icon is delivered as raw SVG code. Edit paths, colors, and strokes in any vector editor or our built-in SVG editor.

Traced vector artwork result

How to Use SVG Icons

1

Browse or Search

Use the search bar to find icons by name, or filter by your favorite library using the tabs above.

2

Pick Your Size & Color

Select an icon size (16–48px) and use the color picker to match your brand palette in real time.

3

Copy SVG Code

Hover over any icon card and click Copy SVG to grab the SVG code for immediate use in your project.

4

Download or Edit

Click Download to save the SVG file. Or open it in our SVG Editor for further customization.

Frequently Asked Questions

Are these SVG icons really free to use?
Yes. Every icon in this library comes from open source projects released under the MIT License. You can use them in personal and commercial projects, with or without attribution, and no signup is required.
Do I need to credit the original icon creators?
No. The underlying projects (Heroicons, Tabler, Phosphor, and others) may suggest attribution in their own licenses, but downloading or copying through our tool delivers the icons to you with no attribution obligation on our side.
Can I change the color and size of the icons?
Absolutely. SVG icons are pure vector code, so you can edit the fill, stroke, width, and height with any text editor, vector tool, or CSS. Our built-in color picker and size selector preview changes instantly before you download.
How are these icons loaded - do you host the files?
Icons are fetched dynamically through the Iconify API, which aggregates open source icon sets. No files are uploaded to our servers; the SVG markup is pulled from Iconify's CDN when you browse, copy, or download an icon.
Which icon libraries are included?
The collection spans 21 libraries - Heroicons, Tabler, Phosphor, Material Design, Bootstrap, Lucide, Carbon, Fluent UI, Feather, Ionicons, Simple Icons (brands), FontAwesome, and more - giving you a single search across the entire open source icon ecosystem.
Can I use these icons for commercial projects?
Yes. Because the icons are MIT licensed, you can drop them into client websites, mobile apps, product UI, presentations, and even paid templates. Just remember that brand logos (in the Brands set) are trademarks and should follow each brand's usage guidelines.
How do I download an icon as SVG or PNG?
Hover any icon and click Download to save the .svg file, or use the modal to copy raw SVG code or export a PNG at your chosen size (16-128px). Both formats are generated on the fly from the same source vector.
Is there a limit on how many icons I can download?
No hard limit for normal use. You can copy or download individual icons as often as you like, and use Select Mode to queue many icons for a single ZIP download.
Can I download multiple icons at once as a ZIP?
Yes. Enable Select Mode, click the icons you need (each gets a blue marker), then choose Download ZIP to receive one archive containing every selected icon as an individual SVG file.
What's the difference between SVG and PNG icons?
SVG is vector - it scales to any size with zero quality loss and can be recolored with CSS, making it ideal for responsive UI. PNG is a fixed-resolution bitmap, better when you need a flat raster image for a specific size, such as a favicon or print asset.

Convert your own images to SVG

Super Vectorizer Pro turns PNG, JPG, and photos into editable vector files on Mac and Windows. Try the free trial and preview your results before you buy.