Click Any Icon to Open the Live Vector Customizer Studio

Free Transparent Vectors & Customizable Icons in SVG Format

Free transparent vectors and icons in SVG & PNG format. Customize stroke thickness, solid colors, gradients, and duotone layers in real time. Download crisp SVG icons for logos, websites, and mobile apps, seamlessly usable in Figma, React, WordPress, Webflow & More.

โœ“ Ready for Figma, React, WordPress, Webflow & More โœ“ Live Stroke, Gradient & Duotone Studio โœ“ Free account: 50 exports / day โœ“ License Notices Included
Hot:
Showing 36 icons
Displaying 150 of 30,000+ icons
Built for Designers & Developers

Why Creators Switch to SVGPulse

Standard icon directories give you static files that require manual cleanup. SVGPulse lets you tailor every vector in real time for Figma, Sketch, websites, and mobile apps.

1

Figma, Sketch & Code Ready

Drop clean, standards-compliant SVG vectors straight into Figma, Sketch, Adobe XD, React, or any web builderwith optional currentColor support for dynamic CSS hover states.

2

Live Gradients, Duotone & Badges

Adjust stroke weights from ultra-thin 0.75px to bold 3.5px, apply multi-stop linear gradients, duotone fills, or circle/squircle app badges before exporting.

3

1-Click Bulk ZIP Pack Export

Select all the icons for your app, logo, or website project, apply your brand palette once, and download a unified .zip bundle with production-ready SVGs and CSS.

How do export limits work?

Guest15 icons + 1 ZIP per day.
Up to 5 icons per ZIP, on this browser.

Free account50 icons + 3 ZIPs per day.
Up to 5 icons per ZIP, across your devices.

Pro accountUnlimited individual exports.
3 ZIPs per day, up to 50 icons each.

Each icon inside a ZIP counts toward the Guest or Free daily icon allowance. A ZIP with 5 icons uses 5 exports and 1 ZIP. SVG/PNG downloads, code copies and code unlocks count as exports. Limits reset at midnight UTC; downloading an existing ready-file link again does not use another allowance.

Transparent Pricing

Create a Free Account for 50 Exports/Day, or Unlock Pro

Whether you are designing a mobile app in Figma, shipping a React SaaS, or building client websites, pick flexible Monthly or Yearly billing that renews automatically.

Free Starter For Individuals
$0 / forever

Ideal for grabbing transparent SVG vectors and PNG icons for personal designs, prototypes, and quick projects.

โœ“ Up to 50 Icon Exports per Day with a free account
โœ“ 3 ZIPs per day, up to 5 icons each
โœ“ Live Icon Customizer Studio to customize colors, strokes, badges & hover CSS
โœ“ Usable in Figma, Sketch, React, Webflow & WordPress
Continue with Free Plan
Creator Pro Monthly Monthly Billing
โ‰ˆ $5.49 / month
Billed monthly โ€ข Cancel anytime

Built for active UI/UX designers and developers building websites, apps, and brand systems every month.

โœ“ Unlimited Daily Exports (No daily cap)
โœ“ Up to 50 Icons per .ZIP ยท 3 ZIPs/day
โœ“ Live Icon Customizer Studio to customize colors, strokes, badges & hover CSS
โœ“ Custom SVG Upload Studio & Saved Brand Palettes
โœ“ 30-Day Refund Guarantee (100% Full Refund if Unused)
Best Value โ€ข 12 Months
Creator Pro Yearly Renews Annually
โ‰ˆ $4.08 / month
Billed as โ‰ˆ $49.00 / year (12 Months)

Unlock every Pro feature for a full year (12 months) with simple annual renewal for creators, agencies, and teams.

โœ“ Everything in Pro + Unlimited Daily SVG & PNG Exports
โœ“ Up to 50 Icons per .ZIP ยท 3 ZIPs/day
โœ“ Live Icon Customizer Studio to customize colors, strokes, badges & hover CSS
โœ“ Custom SVG Upload Studio & Saved Brand Palettes
โœ“ 30-Day Refund Guarantee (100% Full Refund if Unused)
Got Questions?

Frequently Asked Questions

Everything you need to know about customizing and downloading SVGPulse vectors for Figma, Sketch, web apps, and client projects.

Can I use these SVG icons in Figma, Sketch, or Adobe Illustrator?
Yes! Every icon is exported as clean, standards-compliant vector paths. You can drag and drop the downloaded .svg file or click Figma Paste and paste it directly onto your Figma, Sketch, Framer, or Illustrator canvas with all stroke widths, colors, and gradients preserved.
What do the Guest, Free and ZIP limits mean?
Guests get 15 icons and 1 ZIP/day on this browser, up to 5 icons per ZIP. Free accounts get 50 icons and 3 ZIPs/day, up to 5 icons each, across devices. Pro gets unlimited individual exports and 3 ZIPs/day, up to 50 icons each. Each ZIP icon counts toward Guest and Free daily icon allowances. Downloads, code copies and code preview unlocks count. Limits reset at midnight UTC.
How do I make an SVG dynamically inherit text & hover colors in CSS?
Click any icon to open the Popup Customizer and toggle ON Dynamic currentColor Mode. This replaces hardcoded hex strokes with stroke="currentColor" so Tailwind CSS, React, Webflow, and Elementor can change the icon color on hover automatically.
Can I upload and customize my own existing SVG files?
Yes! Click the Upload SVG button in the workspace bar, select your .svg file or paste raw SVG code, and SVGPulse will strip messy inline styles so you can adjust its thickness, color, gradient, or badge shape.
Do Gradient and Duotone icons work across mobile apps & browsers?
Absolutely! Our vector engine embeds standard <linearGradient> definitions and opacity layers directly inside the exported SVG file, ensuring broad compatibility across modern browsers, iOS/Android apps, Figma, and web builders.
How do the Yearly Pro ($49/yr) plan and the 50-icon Bulk ZIP batches work?
Creator Pro Yearly is billed at โ‰ˆ $49.00 per year (which breaks down to โ‰ˆ $4.08/month) and renews annually every 12 months. Both Monthly ($5.49/mo) and Yearly ($49.00/yr) Pro plans unlock unlimited daily downloads and let you pack up to 50 customized icons per Bulk .ZIP batch to keep browser & server performance fast. You can download up to 3 ZIPs per day, with up to 50 icons in each. Individual exports remain unlimited. ZIP allowances reset at midnight UTC.
Can I use these icons in commercial client websites, logos, and apps?
Lucide-derived icons support commercial use under their ISC/MIT licenses. Retain the copyright and permission notices included in your exports. Brand marks and uploaded artwork have separate ownership and usage requirements. Read the copyright and license notices.
Can I export high-resolution transparent PNGs or CSS Data URIs?
Yes! In addition to scalable .svg files, the Popup Customizer lets you export crisp transparent PNGs at 64px, 256px, 512px, or 1024px resolution, or copy a ready-to-use data:image/svg+xml URI for CSS backgrounds.

Choose an icon. Make it work in your interface.

SVGPulse combines a browsable icon library with a browser-based editor. Start with a collection, select a recognizable symbol, and adjust its appearance for your actual layout. Colors, stroke thickness, dimensions, gradients, and duotone treatments help you create assets that feel consistent across a project.

Use SVG when your destination supports scalable vectors, or export PNG for image-based workflows. Code copy options support development handoffs, while Bulk ZIP selection lets you prepare a group of icons with shared styling. Review the result at the final display size rather than judging it only in an enlarged preview.

The catalog includes third-party icon sources and generated variations. Keep applicable license notices with your assets, and review brand guidelines when using company marks. Your choice of icon should support clear labels and accessible controls; visual customization alone does not make a button understandable.

Start with a collection

Browse icon collections with static previews and practical usage notes.

Learn the workflow

Read design and development guides for sizes, formats, accessibility, and troubleshooting.

Meet the project

Learn about SVGPulse, its creator, and the sources behind the library.

Selected SVG arrow-right