The same logic applies to adding more or less kerning around different type characters. This ensures all icons appear evenly sized/spaced despite being different shapes. 16x16, 20x20, 24x24).Įach frame should contain a small amount of internal padding on all sides (e.g. Choose a default icon size that is divisible by 4 or 8 so your icons will align with your base unit (e.g. Resize each frame to match your default icon size. Once added, SVG icons will appear as a square frame with a vector inside. It also helps keep your designs consistent. This makes designing with your icons much faster because fewer overrides need to be made while designing. Install an icon plugin, open the plugin in your file, then drag and drop the icon(s) into your file.Ĭustomize icon size, color, and resizing behavior. Add the icons by downloading then dragging and dropping them into your file, or by selecting them in a plugin (most recommended).ĭownload icons from the web onto your computer, then drag and drop them into your Figma file. This allows you to edit the icon’s vector color and size. Add icons to your Figma fileĪdd icons from the library you’ve selected as SVG files. But we still recommend icon libraries unless there’s a clear design use-case for custom icons. If that’s not possible, place it at the footer of your website, blog or newsletter, or in the credits section.Note: If you’re up to the challenge of making custom icons, Figma is a great place for it! Even the icon pro’s at Font Awesome prefer Figma to other vector drawing tools. Choose the medium in which you are going to use the resource.Ĭopy this link and paste it wherever it’s visible, close to where you’re using the resource. We only ask you to add a small attribution link.

How to attributeĬreating quality icons takes a lot of time and effort. For more information, please read our Term of use before using the content 5. It does not constitute any contractual obligations. This text is a summary for information only.

Our license allows you to use the content:įor an unlimited number of times and perpetually

Figma icon pack