Boxicons
Boxicons is a free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines.
About Boxicons
Boxicons is an icon library offering over 50,000 icons across five packs, three styles (Regular, Solid, Sharp), and three weights. Icons are organized into more than 40 categories, including shapes, writing and reading, map and travel, photo and video, animals and nature, design, communications, and e-commerce.
The product provides a Figma and Framer plugin for customizing icons directly in design tools, including color changes, padding removal, rotation, flipping, and resizing. Icons can be exported as SVG, PNG, WEBP, React components, or icon fonts, and integration is supported via NPM for React, Vue, Svelte, and JavaScript, as well as a CLI (`@boxicons/cli`).
Boxicons is aimed at designers and developers who need a consistent icon set for web and app projects. A version 4 release is planned, expected to include additional packs, styles, weights, and built-in tools.
Key features
- 50,000+ icons across 3 styles and 3 weights
- Five icon packs spanning 40+ categories
- Figma and Framer plugin for customizing color, padding, rotation, and flip
- Export as SVG, PNG, WEBP, React components, or icon fonts
- NPM CLI and framework integrations for React, Vue, Svelte, and JavaScript
Frequently asked questions
What frameworks does Boxicons integrate with?
Boxicons integrates with React, Vue, Svelte, and JavaScript, and can be installed via the @boxicons/cli NPM package.
Can I use Boxicons in design tools?
Yes, Boxicons offers a Figma and Framer plugin that lets you customize colors, padding, rotation, and flipping before export.
What export formats are supported?
Icons can be exported as super-optimized SVG, PNG, WEBP, React components, or icon fonts.
Is there a paid version of Boxicons?
Yes, Boxicons offers a Pro version alongside the free icon set, with pricing details available on their Pricing page.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
All SVG Icons
IconBrowse and download 250,000+ free SVG icons from 220 carefully curated icon libraries.
Animated Icons
IconHigh-quality animated icons to wow your users. Available to download for free without attribution. Adjust to your brand in just a few clicks.
Bootstrap
Icon/UI/ProgrammingBootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
CandyIcons
IconCandyIcons offers thousands of unique and amazing app icons that have not yet appeared elsewhere, saving you time in spotting the perfect icon for your product.
Circum Icons
IconConsistent open source icons as SVG for React, Vue and Svelte.
Craftwork
Font/Icon/IllustrationDesign resources for everyone. Freebies and premium web design products, custom illustrations and graphics on one marketplace.
