How to Add Icons to Figma (3 Fast Ways)
Icons make or break interface mockups, and hunting for them outside Figma kills momentum. Here are the three fastest ways to drop professional icons into a Figma file — including one that never leaves the canvas.
1. Use the Infyicon Figma plugin (fastest)
Install Infyicon — Free Icons from the Figma Community, open it from Plugins in any file, search, and click an icon — it lands on your canvas as editable vectors.
Because icons arrive as real vector layers, you can recolor fills and strokes with Figma's own tools, resize without quality loss, and combine multiple icons into components.
2. Copy SVG code, paste into Figma
On any icon page, open Get the code, copy the SVG, and press Ctrl+V (Cmd+V) inside Figma. Figma parses SVG markup from the clipboard straight into vector layers — no file download needed.
This is handy when you are already browsing the site and comparing styles side by side: outline, filled and color variants of the same icon paste in seconds.
3. Drag downloaded SVG files in
Download SVGs (or a whole icon pack) and drag the files from your file manager onto the Figma canvas. Good for batches — Figma imports each file as its own vector group.
Pro tips: components and consistent styles
Turn your core icon set into Figma components (Ctrl+Alt+K) so one edit updates every screen. Stick to a single family — mixing icon sets with different stroke weights is the fastest way to make a mockup feel off. Every Infyicon icon exists in matching outline and filled versions, so switching emphasis mid-design never breaks consistency.