# Boxicons

> 50K+ icons in Regular, Rounded and Sharp styles, exportable to SVG, PNG, WEBP, React and font

Worth exploring: A demo that tweaks icon color, rotation and size, then exports to SVG, PNG or React from one screen

Why it works: Tweaking colour, rotation and size on the page before export saves a trip to a design tool for small changes.

Watch out: One exported SVG per icon adds up. For big sets use the npm package and load only the icons you use.

- Category: UI components (`components`)
- Tags: `free`, `figma`, `cli`
- Official: https://boxicons.com
- Wunderlust: https://wunderlust.xyz/r/boxicons
- Image: https://wunderlust.xyz/media/boxicons-og.jpg
- Video preview: https://wunderlust.xyz/media/boxicons.webm
- Added: 2026-11-12

## What it is

It has an on-page demo to change color, padding, flip, rotation and size before exporting. The packs are Basic, Filled, Duotone, Duotone Solid and Duotone Mix, with an npm CLI, @boxicons/cli, and Figma and Framer plugins.

## What it’s for

For someone who needs the same icon in several formats and wants to tweak it on the page before taking it to the project.

## Benefits

- A demo to adjust color, rotation, size and more
- Exports SVG, PNG, WEBP, React components and font
- An npm CLI and packages for React, Vue and Svelte

## Caveats

- The free plan has 3,500+ icons; Pro costs US$ 39 a year for one user and includes web fonts and Pro icons.
- The home page says 50K icons, but the free plan has 3,500+.

## Similar on Wunderlust

- [Hugeicons](https://wunderlust.xyz/r/hugeicons.md): 60,000+ icons in 10 styles, with packages for React, Vue and Flutter and Figma and Framer plugins
- [Heroicons](https://wunderlust.xyz/r/heroicons.md): 316 hand-crafted SVG icons from the Tailwind CSS team, in four size variants
- [Iconsax](https://wunderlust.xyz/r/iconsax.md): Vuesax icons with about 6,000 free and 44,256 premium, plus an MCP server and an AI generator
- [Pixelarticons](https://wunderlust.xyz/r/pixelarticons.md): 5,646 pixel art icons on a 24x24 grid, with 1,036 free under MIT
- [Overflow](https://wunderlust.xyz/r/overflow-design.md): Pack of hand-drawn icons, illustrations and isometrics
- [Smooth Image Trail (Framer)](https://wunderlust.xyz/r/framer-smooth-image-trail.md): Smooth Image Trail: a cursor image trail for Framer sites