⚡ 150,000+ Open-Source SVG Icons

SVG Icon Search & Studio

Search, customize & export icons from Lucide, Bootstrap, Material, FontAwesome & more. Click any icon to open the editor.

Ctrl K
POPULAR:homeusersettingssearcharrowmenucheckcloseheartstartrashdownloadeditshareinfowarningfacebooktwitterinstagramlinkedingithubmailphonecalendarclockcamerafilefolderlockcloud
🔍

No icons found

Try a different keyword or collection.

🛠️ Powerful SVG Icon Studio

Browse 150,000+ developer-friendly icons from Lucide, Bootstrap Icons, Material Design, FontAwesome, and 10+ libraries. Customize size, color, stroke width, rotation, and flip — then export as SVG, React JSX, CSS background, or Base64 Data URI. Download as PNG at any resolution directly in your browser.

Keyboard tip: Press Ctrl+K to instantly focus search. Hover any icon to quick-copy its SVG without opening the editor.

Related Tools
Quick switch & explore
29 tools
🖼️
Image Converter🔥 popular
🔄
Convert All Images
📂
Multi Image to WebPbatch
📷
JPG Converter
🎨
PNG Converter
📱
HEIC & AAE Converternew
📐
Image Resizer
✂️
Crop Image
🔍
Image to Text (OCR)
🪄
Remove AI Creditnew
🔒
Files never uploaded
100% browser-side processing
∞
No file size limits
Process any file size
⚡
Instant conversion
No server wait time
💰
100% Free forever
No account or subscription
🚫
No watermarks
Clean output guaranteed

Free SVG Icon Library

Browse and download 10,000+ production-ready SVG icons covering UI, business, social media, technology, and more. All icons are free to use in personal and commercial projects. Download as SVG (vector), PNG (any size), or copy JSX code for React instantly.

🔧 Related Tools

🖼️ Text to Image✂️ Crop Image📐 Image Resizer🔄 PNG Converter

❓ Frequently Asked Questions

Yes — all icons available on ConvertFigure are licensed for free personal and commercial use. Always verify the specific license (MIT, Apache 2.0, CC0) for each icon set.

Download icons as SVG (vector, infinitely scalable), PNG (pixel-perfect at any size), or copy as React JSX code for direct use in web projects.

Use the <img> tag: <img src="icon.svg" alt="Icon">. Or inline the SVG code directly in HTML for CSS styling and color control.

For inline SVG, use CSS: svg { fill: #yourcolor; }. For <img> tags, use CSS filters. For React, pass a color prop to the SVG's fill attribute.

Yes! Download as SVG and drag into Figma. SVG icons are fully editable vectors — resize, recolor, and modify as needed.

Standard UI icons: 16px (dense UI), 20px (default), 24px (standard), 32px (emphasized), 48px (feature icons). Always use SVG for crisp rendering at any display density.

Our icon library is curated from open-source icon sets. For custom icons, use the search to find the closest match and modify the SVG code as needed.

ConvertFigure's icon library includes icons from popular open-source collections — covering UI actions, arrows, social media, file types, technology, business, and communication categories.