Folders & Storage icons

92 free folders & storage icons in outline, twotone, bold and bulk. 23 drawings, each drawn four times. Copy any of them as SVG, React, Vue or Svelte, free for commercial use.

All 23 folders & storage icons

Other categories

Questions about folders & storage icons

Can I use these icons in commercial projects?

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.

What attribution do I have to include?

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.

Is any icon or style held back behind a paid tier?

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.

How do the four styles differ from auto-generated icon variants?

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.

How do I copy an icon as raw SVG or as JSX?

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.

How do I use an icon in React and Tailwind?

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.

Is there a Vue, Svelte or React Native package?

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.

How do I get an icon into Figma?

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.

Can I use the brand and logo icons?

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.