Outline, twotone, bold and bulk, four separate drawings rather than generated from one another. 2,146 icons, drawn four times each. Free and open source, built on Solar Icon Set and Iconsax.
| Devigner Icons | Lucide | Heroicons | Feather | |
|---|---|---|---|---|
| Drawings per icon | 4: outline, twotone, bold, bulk | 1 outline | 2: outline and solid | 1 outline |
| Filled forms | Bold and bulk, drawn separately | None | Solid, drawn separately | None |
| Two-tone hierarchy | Yes, secondary strokes and masses at half tone | No | No | No |
| Total variants | 8,584 across 2,146 icons | One per icon | Four per icon | One per icon |
| Search | By meaning, on-device embeddings, plus names and keywords | Names and keywords | Names | Names |
| Grid | 24px | 24px | 24, 20 and 16px | 24px |
| Default stroke | 1.5px, adjustable per instance | 2px, adjustable | 1.5px on the 24px outline | 2px |
| Licence | MIT code, CC BY 4.0 and Iconsax artwork | ISC | MIT | MIT |
Yes. All 8,584 icons are free for commercial and personal use, in closed-source and paid products, with no seat count, no account and no licence key. The only condition is attribution: the artwork is derived from Solar Icon Set by 480 Design, which is licensed CC BY 4.0, so the original author has to be credited wherever you keep third-party notices.
One line, wherever your project lists third-party notices: "Icons from Devigner Icons, derived from Solar Icon Set by 480 Design (CC BY 4.0) and Iconsax by Vuesax. Modified." CC BY 4.0 asks for attribution, not share-alike, so you do not have to open-source your own project. The code around the artwork, meaning the React components, the CLI and the search, is MIT.
No. There is one package and one build, and every icon in it ships in all four styles. There is no paid tier of this icon set and none planned. Each icon still records its own freeStyles and proStyles in icons.json so consumers read the data instead of assuming, and proStyles is empty for all 2,146 icons.
They are four separate drawings of the same subject, not one drawing transformed four ways. Outline is the reference drawing, full linework at 1.5px. Twotone keeps that exact linework and drops its secondary strokes to half tone. Bold has no strokes at all: it is one filled form cut with even-odd holes. Bulk is filled with its secondary mass at half tone. A set that generates fills by thickening a single stroke path cannot produce a bold form with real interior cutouts or a genuine two-tone hierarchy, which is why most single-stroke sets ship one style.
Open any icon page and use the snippet tabs under the preview. There are seven: React, Vue, Svelte, React Native, SVG, CDN and CSS. The SVG tab is the literal file contents, ready to paste into a template or into Figma. Each tab copies to the clipboard in one click, and the snippet reflects the size, colour and stroke width you set on the preview, so what you copy is what you saw.
Install @devigner-ui/icons, then import the single icon you need: import { IconWallet } from "@devigner-ui/icons". Render it as <IconWallet className="size-6" />. Strokes and fills are currentColor, so Tailwind text utilities colour it and size utilities size it, with no icon-specific CSS. Pass variant="TwoTone", "Bold" or "Bulk" for the other drawings, and strokeWidth to change the 1.5px default on outline and twotone. Imports are per-icon, so bundlers tree-shake the rest of the set away.
Yes. @devigner-ui/icons-vue, @devigner-ui/icons-svelte and @devigner-ui/icons-react-native ship the same 8,584 drawings with the same per-icon component names and the same variant prop. @devigner-ui/icons-svg ships the raw SVG files, and those are also served over the jsDelivr CDN if you would rather reference a URL than install anything.
Copy the SVG tab on the icon page, then paste straight onto the Figma canvas: Figma parses pasted SVG markup into a real vector layer with its paths intact. Because the drawings use currentColor, the pasted layer arrives in one flat colour you then set in Figma, and outline and twotone keep their strokes as strokes rather than as outlined shapes.
Those roughly 35 icons reproduce third-party trademarks, and nothing in this licence grants any right to them. Each owner's brand guidelines govern instead. Referring to a company using its own mark is usually fine; using it in your own branding or in a way that implies endorsement is not.