Toggle menu
BoxiconsIcons
Browse 3768 free Boxicons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Boxicons. Styles: Precise Shapes, Has Padding.
Most popular Boxicons icons
What visitors download and copy most from this pack, last 30 days
- 1
location
- 2
phone-filled
- 3
user-filled
- 4
play-filled
- 5
envelope-filled
- 6
location-filled
- 7
area
- 8
grid-filled
Copy & download Boxicons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install@boxicons/reactand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Boxicons
Boxicons is a free MIT-licensed icon library, and this pack is its new core set with 3,700+ icons in basic (outline) and filled styles on a 24px grid. It is a large step up from the older Boxicons set (still available as Boxicons classic) and covers everyday UI plus topics like crypto, AI circuitry, animation keyframes, toys, games and religious holidays. Filled icons use a -filled suffix, so active and inactive states pair cleanly. The official React (@boxicons/react) and Vue (@boxicons/vue) packages select the style with a pack prop and include size presets from xs (16px) to 5xl (512px), fill, opacity, flip and rotate props, and a removePadding option to drop the default 2px padding. Search all Boxicons here, copy SVG, export JSX or download PNG. Compared with Remix Icon, Boxicons has a similar two-style approach with its own rounded look; compared with Lucide, it gives you filled versions out of the box. Free for commercial use with no attribution. Ideal for landing pages, dashboards, mobile web apps and projects already using classic Boxicons.
Pack Details
Version
1.0.5
Color Support
Monochrome
Category
UI 24px
How to use Boxicons icons
Icon Set Version
v1.0.5
Package
@boxicons/react, @boxicons/vue
License SPDX
MIT
Grid Size
24px
Sample Icons
clock-2-filled, desk, battery-filled
Install
npm install @boxicons/reactReact
import { Alarm, Home } from '@boxicons/react';
export default function App() {
return <Alarm pack="filled" />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="boxicons:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 18, 2026
@boxicons/react
React components for Boxicons
License
MIT
Weekly downloads
3,278
Monthly downloads
25,617
Total downloads
111.6K
Unpacked size
18 MB
Last published
Feb 16, 2026
Registry updated
Feb 16, 2026
@boxicons/vue
Vue components for Boxicons
License
MIT
Weekly downloads
292
Monthly downloads
3,134
Total downloads
6,295
Unpacked size
26 MB
Last published
Feb 16, 2026
Registry updated
Feb 16, 2026
Boxicons version history
Based on the last 4 releases, Boxicons typically ships a new version every ~2 days. The latest release, v1.0.3, landed on Feb 16, 2026.
| Version | Released |
|---|---|
| v1.0.3 | Feb 16, 2026 |
| v1.0.2 | Jan 29, 2026 |
| v1.0.1 | Jan 26, 2026 |
| v1.0.0 | Jan 26, 2026 |
Source: npm registry data for @boxicons/react, refreshed weekly.
Compare Boxicons with similar icon packs
Frequently Asked Questions
How is this Boxicons pack different from the older Boxicons set?
How do I use the filled style in React?
npm install @boxicons/react, then <Alarm pack="filled" />. The pack prop picks the style, and a Vue package (@boxicons/vue) works the same way.Which sizes does the React package support?
removePadding turns off, and props for flip, rotate and opacity are built in.