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 230+ packs without leaving the editor. This collection highlights the packs most used by product design teams in Figma.

8 icon packs · 43,500 total icons · Free & open source

Icon Packs

Lucide

1,780 icons ISC

HeroIcons

1,288 icons MIT

Material Symbols

15,611 icons Apache-2.0

Tabler Icons

6,184 icons MIT

Phosphor

9,072 icons MIT

Solar

7,608 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

How do I import SVG icons into Figma?

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 230+ packs.

Which icon pack is best for Figma design systems?

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.

Can I customise icon colours after importing into Figma?

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.