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·44,816 total icons·Free & open source

Popular SVG Icons for Figma

A sample from this collection's icon packs. Click any icon to preview, copy, or download it.

Icon Packs

Lucide

1,856 iconsISC

HeroIcons

1,288 iconsMIT

Material Symbols

15,717 iconsApache-2.0

Tabler Icons

6,220 iconsMIT

Phosphor

9,072 iconsMIT

Solar

8,706 iconsCC-BY-4.0

Iconoir

1,671 iconsMIT

Feather Icons

286 iconsMIT

Common Use Cases

1Building Figma component libraries and design systems

2Wireframing and prototyping with placeholder icons

3Design-to-developer handoff with consistent icon sets

4Creating presentation decks and mockups

5Auto 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.