icon svg
Icons & Graphics — Figma Plugins for Visual Assets
All Icons & Graphics Plugins (377)
Export App Icon Set for Xcode Development. iOS、MacOS 开发导出。
Select icons, set icon size and box size. 快速统一设置图标大小。
Effortlessly Convert SVGs to Icon Fonts in Figma!
Codegen plugin for Enabler Icon import and usage in React
The fastest-growing icon set out there!
Pixel-perfect icons in 9x9 by Shuqi Khor
All popular open source icon sets in one plugin. Emojis too.
Make an icon for anything & everything
Clean, Flatten & Detach: Remove invisible layers, simplify icons, and detach instances in one click.
Setup Your Icon Grids In Seconds!
5,000+ free & open source icons
Russian coats of arms icon pack for free
Streamlines use of Material Symbols icon fonts - search & insert names directly in Figma.
Ecco Icon is a free pack with static and animated icons. Use this plugin to add them to your design.
Professional keyboard shortcut icon generator with multi-OS support and customizable styles
Import always the latest version of Lucide Icons
Access Over 2,000 Free Bootstrap Icons Instantly in Figma
Automatically fetch high-resolution app screenshots&icon
Save countless hours of design and ship great looking designs faster
Rounded SVG Icons Plugin for Figma – 7000+ Free Icons with Easy Search | Coolrasto
Generate a range of icon sizes using just a source component
This is a plugin that combines Figma + GitLab to achieve automated publication of an icon library.
AI-powered tool.
Figma icon and graphics plugins provide designers with instant access to thousands of icons, illustrations, graphics, and visual assets directly within the Figma interface. These plugins transform how designers work with visual elements by eliminating the need to search external websites, download files, and manually import assets. Instead, designers can search, preview, customize, and insert icons without ever leaving their design file. Our comprehensive directory features the best icon and graphics plugins available, from industry-standard icon sets like Material Design and Font Awesome to specialized illustration packs and vector utilities.
The icon plugin ecosystem has matured significantly, offering access to millions of icons across diverse styles and use cases. Universal icon plugins like Iconify aggregate multiple icon libraries into a single searchable interface, providing access to icons from Material Design, Font Awesome, Heroicons, Feather, Phosphor, Tabler, and dozens of other collections. Specialized plugins focus on specific libraries or styles, offering deeper integration and more customization options. Brand icon plugins provide official logos and brand marks with proper proportions and usage guidelines. Emoji plugins offer consistent emoji sets that render identically across platforms.
Beyond simple icon insertion, modern plugins offer sophisticated customization capabilities. Color customization allows designers to match icons to brand palettes or apply design tokens for consistency. Style variants enable switching between outline, filled, duotone, and other icon styles within the same family. Size and stroke weight adjustments ensure icons work at different scales and contexts. Some plugins support dynamic icons that respond to component variants, automatically changing appearance based on state. Advanced plugins enable icon animation, adding motion to otherwise static graphics.
Illustration and graphics plugins extend beyond simple icons to provide complex visual assets. Illustration libraries offer characters, scenes, and compositions for use in marketing materials, presentations, and product designs. Abstract graphics plugins generate patterns, shapes, and decorative elements. 3D asset plugins provide isometric illustrations and three-dimensional graphics that add depth to designs. Avatar generators create diverse, customizable character illustrations for user interface mockups. Each category serves different design needs while sharing the common benefit of streamlined access within Figma.
Vector utility plugins help designers create and manipulate graphics directly in Figma. Boolean operation tools provide advanced shape combination options beyond Figma's built-in features. Path manipulation plugins offer bezier curve editing, corner smoothing, and path simplification. Pattern generators create repeating graphics for backgrounds and textures. Gradient tools expand color transition options with mesh gradients, radial variations, and noise effects. These utilities turn Figma into a more powerful vector graphics environment without requiring external applications.
Integration with design systems makes icon plugins particularly valuable for teams. Design system compatible plugins allow icons to be converted into components with proper naming conventions and variant structures. Token-aware plugins apply design system colors automatically, ensuring icons update when brand colors change. Documentation plugins generate icon inventories and usage guidelines. For organizations maintaining consistent visual languages across products, these integrations prevent icon inconsistency and reduce manual management overhead.
Choosing the Right Icon Style for Your Project
Outline Icons
Best for: Clean, minimal interfaces. Outline icons use strokes only, creating lightweight visual elements that work well against varied backgrounds and in dense information layouts. Popular sets include Feather and Heroicons Outline.
Filled Icons
Best for: Strong visual hierarchy and mobile interfaces. Filled icons have more visual weight, making them easier to tap and more recognizable at small sizes. Material Design filled icons are industry standard.
Duotone Icons
Best for: Adding personality and brand expression. Duotone icons use two colors to create depth and visual interest. They balance the simplicity of outline icons with the weight of filled icons.
Illustrated Icons
Best for: Marketing pages and empty states. Illustrated icons are more detailed and expressive, suitable for communicating complex concepts or adding warmth to interfaces where space permits.
Explore More
Frequently Asked Questions
What are the best icon plugins for Figma?
Popular icon plugins include Font Awesome, Feather Icons, Material Design Icons, Heroicons, and Iconify. These plugins provide thousands of icons directly in Figma, allowing designers to search, insert, and customize icons without leaving the design tool. Most support color customization and various icon styles (outline, filled, duotone).
Can I customize icon colors in Figma plugins?
Yes, most icon plugins allow color customization. After inserting an icon, you can change its fill color using Figma's color picker or by selecting the icon and applying styles. Some plugins offer advanced customization options like duotone effects, gradient fills, or stroke adjustments. Icon colors update instantly and remain editable.
Are icon plugins free or paid?
Many icon plugins offer free tiers with limited icon sets, while premium versions unlock full libraries. Popular free options include Feather Icons and Heroicons. Paid plugins like Font Awesome Pro provide access to thousands of additional icons, multiple styles, and commercial licensing. Check individual plugin pages for pricing details.
How do I search for specific icons in plugins?
Most icon plugins include search functionality—type keywords like 'home', 'email', or 'arrow' to find relevant icons. Some plugins support category browsing, style filtering, and favorites. Advanced plugins offer fuzzy search, tag-based filtering, and recently used icons for faster access.
Do icon plugins work with design systems?
Yes, many icon plugins integrate with design systems by allowing you to create icon components, apply consistent styling, and maintain icon libraries. Some plugins support component variants, auto-layout compatibility, and design token integration. Check plugin documentation for design system features.
Icon and Illustration Libraries for Figma
Curation Focus
We evaluate icon sets on license clarity, vector quality, and how easily assets fit into design systems. Listings call out export formats, stroke editability, and theming support.
Illustration packs are tagged with use cases—product marketing, onboarding, or UI placeholders—so teams can match styles quickly.