Best Free SVG Icon Libraries (2025)
100+ free SVG icon sets — here are the best ones for web, app, and design projects, with download links and license details.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Top Free SVG Icon Libraries
The most popular free icon sets for modern projects.
| Library | Icons | License | Best For |
|---|---|---|---|
| Heroicons | 292 | MIT | Tailwind CSS projects |
| Lucide | 1400+ | ISC | React/Vue component use |
| Phosphor | 1400+ | MIT | Versatile, multiple weights |
| Tabler | 5000+ | MIT | Comprehensive dashboard UIs |
| Feather | 286 | MIT | Minimal, clean UI icons |
| Bootstrap Icons | 2000+ | MIT | Bootstrap projects, flexible use |
| Remix Icon | 2700+ | Apache 2.0 | Open-source app design |
How to Use Free SVG Icons
Multiple ways to add free SVG icons to your project.
- Direct download: download individual SVG files from the library's website
- npm package: npm install @heroicons/react — use as React/Vue components
- CDN: reference icon SVGs from jsDelivr or unpkg in HTML projects
- Copy SVG code: click any icon → copy SVG code → paste inline in your HTML
- Figma plugin: many icon libraries have official Figma plugins for design use
Frequently Asked Questions
Are free SVG icons truly free for commercial use?
Most listed libraries use MIT or Apache 2.0 licenses — fully free for commercial use with no attribution required. Always verify the license of the specific library you use.
Which free SVG icon library has the most icons?
Tabler Icons (5000+) and Remix Icon (2700+) have the largest sets. Lucide and Phosphor are growing rapidly and offer multiple visual weights.
How do I convert a non-SVG icon to SVG?
If you have a PNG icon, upload it to imagetosvg.com with the Icon preset for clean SVG conversion. For font icons (.ttf/.woff), use fontconverter.org to extract specific glyphs as SVG.
What's the best SVG icon library for React?
Heroicons (by Tailwind team) and Lucide React are purpose-built for React with TypeScript support. Both install with npm and export individual icon components.
Can I customize free SVG icon colors?
Yes — most free icon libraries use fill='currentColor' or stroke='currentColor'. In your CSS: .icon { color: #4F46E5; } and the icon inherits that color.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free