How to change the colour
Select the vector layers and change the Stroke (line icons) or Fill (solid icons) in the right panel. Duo icons have a soft fill layer you can tint separately.
a 1-minute guide
How to use icons in Figma
Short answer
Click Copy SVG on any icon, then press Ctrl+V (⌘+V on Mac) on your Figma canvas. It pastes as an editable vector.
Which file should I download?
SVG
Figma turns pasted SVG code into real vector layers, so there’s nothing to download. You can also drag an .svg file in.
Step by step
-
Copy the icon
Open the library, click an icon and press Copy SVG.
-
Paste it into Figma
Click your canvas or a frame and press Ctrl+V (⌘+V on Mac). The icon arrives as a vector group, 24 × 24.
-
Recolour it
Select the vector layers inside the group. In the right panel, change the Stroke colour for Line icons, or the Fill colour for Solid ones.
-
Scale it the right way
Press K for the Scale tool and drag a corner. This scales the line thickness too, so the icon keeps its look at 48 or 96 px.
-
Make it a component
Turn the icon into a component (Ctrl+Alt+K / ⌘+⌥+K) so you can reuse it everywhere and swap it later.
How to resize it
Use the Scale tool (K) so line thickness scales with the icon. Resizing with plain handles keeps strokes at 1.75 px, which looks thin when big. Want strokes turned into shapes? Use Figma’s Outline stroke command.
Something not working?
Pasting gave me an image, not a vector.
You copied a PNG. Use the Copy SVG button, then paste again.
Lines look thin at large sizes.
Resize with the Scale tool (K) instead of the handles.
Colours look different in my export.
Check you changed the colour on the vector layers inside the group, not just the frame.
a shortcut
Stuck? Let your AI help in Figma
Click Claude, ChatGPT, Gemini, Perplexity or Grok. We copy a ready brief (“help me add an icon to my Figma project”) that points it to our skill file and this guide, and open it for you. Tell it what the icon is for: it finds the right one, then walks you through adding, recolouring and sizing it.
Ready? Find your icon.
500 icons, twenty styles, all free.
Browse icons