Free SVG Icons for Figma

Figma designers need SVG icons they can copy-paste directly into frames, maintain as components, and hand off to developers with pixel-perfect accuracy. Every icon in this collection is available as clean SVG that pastes into Figma as a vector node — no rasterisation, no quality loss. For a faster workflow, use the Iconify Figma plugin to search and insert any icon from 200+ packs without leaving the editor. This collection highlights the packs most used by product design teams in Figma.

8 icon packs · 42,331 total icons · Free & open source

Icon Packs

Lucide

1,641 icons ISC

HeroIcons

1,288 icons MIT

Material Symbols

15,009 icons Apache-2.0

Tabler Icons

5,963 icons MIT

Phosphor

9,072 icons MIT

Solar

7,401 icons CC-BY-4.0

Iconoir

1,671 icons MIT

Feather Icons

286 icons MIT

Common Use Cases

1 Building Figma component libraries and design systems

2 Wireframing and prototyping with placeholder icons

3 Design-to-developer handoff with consistent icon sets

4 Creating presentation decks and mockups

5 Auto Layout frames with scalable vector icons

Frequently Asked Questions

Copy the SVG code from AllSVGIcons and paste it into Figma — it arrives as an editable vector group. Alternatively, install the Iconify plugin in Figma to search and insert icons directly from 200+ packs.

Lucide, Heroicons, and Material Symbols are the most popular choices for Figma design systems. They all offer consistent sizing (24px grid), predictable stroke widths, and official Figma community libraries you can duplicate.

Yes. SVG icons pasted into Figma retain their vector structure. Select the icon, flatten if needed, and use Figma fill and stroke controls to change colours. Monochrome icons are easiest to recolour.