What it does
coolicons provides editable icons for Figma and developer packages for React, Vue 3 and plain SVG. The website’s version 4.1 collection has line, duotone and duocolor styles, while the newer beta packages add fill and bulk variants.
The Figma collection preserves live corners and component overrides for stroke and color. Use Duplicate Figma File for those editing controls, or the website’s Download link for the versioned ZIP. Variants connect the three styles, and corner radius and smoothing can be adjusted to match an existing interface.
The developer packages follow a newer beta release. Install @coolicons/react, @coolicons/vue or @coolicons/svg for that workflow. Styles come with sharp, regular and round corners; the default component import is Line with Regular corners. An SVG path such as line/regular/house.svg makes the chosen combination explicit.
Individual imports include only the icons used. The dynamic name-based component instead loads a whole style and radius on first use. Its package interface may change before version 5.0.0, so keep the version distinction in mind when comparing a Figma file with code. The collection is free for personal and commercial projects under MIT.
Strengths
- Figma assets preserve editable strokes and live corners.
- Packages provide explicit style and corner-radius combinations.
Watch out for
- The newer package interface remains in beta.
- Dynamic name-based rendering loads an entire style/radius collection.
Best for
- Figma teams adapting a shared icon collection.
- Developers choosing matching icon styles and corner shapes.
Sources
- coolicons: Line, Duotone and Duocolor Icons (Oct 27, 2026)
- coolicons (Oct 27, 2026)
- coolicons MIT License (Oct 27, 2026)