Skip to main content

Icons & Graphics — Figma Plugins for Visual Assets

All Icons & Graphics Plugins (377)

349 of 377 Figma plugins · page 14 of 15

Clear filters
  • Select icons, set icon size and box size. 快速统一设置图标大小。

    Icons & GraphicsFree
    3 likes517 uses
  • Effortlessly Convert SVGs to Icon Fonts in Figma!

    Icons & GraphicsFree
    12 likes511 uses
  • Codegen plugin for Enabler Icon import and usage in React

    Icons & GraphicsFree
    1 likes509 uses
  • Pixel-perfect icons in 9x9 by Shuqi Khor

    Icons & GraphicsFree
    28 likes485 uses
  • All popular open source icon sets in one plugin. Emojis too.

    Icons & GraphicsFree
    6 likes452 uses
  • Clean, Flatten & Detach: Remove invisible layers, simplify icons, and detach instances in one click.

    Icons & GraphicsFree
    21 likes423 uses
  • Setup Your Icon Grids In Seconds!

    Icons & GraphicsFree
    4 likes408 uses
  • Streamlines use of Material Symbols icon fonts - search & insert names directly in Figma.

    Icons & GraphicsFree
    0 likes390 uses
  • Ecco Icon is a free pack with static and animated icons. Use this plugin to add them to your design.

    Icons & GraphicsFree
    4 likes388 uses
  • Professional keyboard shortcut icon generator with multi-OS support and customizable styles

    Icons & GraphicsFree
    5 likes381 uses
  • Save countless hours of design and ship great looking designs faster

    Icons & GraphicsFree
    0 likes357 uses
  • Rounded SVG Icons Plugin for Figma – 7000+ Free Icons with Easy Search | Coolrasto

    Icons & GraphicsFree
    8 likes345 uses
  • Generate a range of icon sizes using just a source component

    Icons & GraphicsFree
    27 likes343 uses
  • This is a plugin that combines Figma + GitLab to achieve automated publication of an icon library.

    Icons & GraphicsFree
    6 likes318 uses
  • 🔥 7000+ Stylish Icons at Your Fingertips 🎨✨ Boost Your Designs with CoolRasto 🚀

    Icons & GraphicsFree
    5 likes311 uses
  • All popular open source icon sets in one plugin. Emojis too.

    Icons & GraphicsFree
    4 likes309 uses
  • Material Icons for Figma

    Icons & GraphicsFree
    3 likes303 uses
  • Your Icon Checkmate: check your icons to your rules. Size, color, name, strokes, paddings!

    Icons & GraphicsFree
    5 likes302 uses

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.