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.
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+.
