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.

3,768 iconsMITUI 24px24px gridby Boxicons
Search icons...

More SVG Icons

8-ball

8-ball-filled

a-arrow-down

a-arrow-down-filled

a-arrow-up

a-arrow-up-filled

accessibility

accessibility-filled

acorn

acorn-filled

address-book

address-book-filled

air

air-conditioner

air-conditioner-filled

air-filled

airplay

airplay-filled

alarm

alarm-alt

alarm-alt-filled

alarm-check

alarm-check-filled

alarm-exclamation

alarm-exclamation-filled

alarm-filled

alarm-minus

alarm-minus-filled

alarm-plus

alarm-plus-filled

alarm-slash

alarm-slash-filled

alarm-z

alarm-z-filled

album-covers

album-covers-filled

alert-circle

alert-circle-filled

alert-octagon

alert-octagon-filled

alert-shield

alert-shield-filled

alert-square

alert-square-filled

alert-triangle

alert-triangle-filled

alien

alien-filled

align-center

align-center-filled

align-horizontal-justify-center

align-horizontal-justify-center-filled

align-horizontal-justify-end

align-horizontal-justify-end-filled

align-horizontal-justify-start

align-horizontal-justify-start-filled

align-horizontal-space-between

align-horizontal-space-between-filled

align-justify

align-justify-filled

align-left

align-left-filled

align-right

align-right-filled

align-vertical-justify-center

align-vertical-justify-center-filled

align-vertical-justify-end

align-vertical-justify-end-filled

align-vertical-justify-start

align-vertical-justify-start-filled

align-vertical-space-between

align-vertical-space-between-filled

Most popular Boxicons icons

What visitors download and copy most from this pack, last 30 days

  1. 1location
  2. 2phone-filled
  3. 3user-filled
  4. 4play-filled
  5. 5envelope-filled
  6. 6location-filled
  7. 7area
  8. 8grid-filled

Copy & download Boxicons icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

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.

Created By

License

Features & Tags

Precise ShapesHas Padding

Pack Details

Version

1.0.5

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

bash
npm install @boxicons/react

React

tsx
import { Alarm, Home } from '@boxicons/react';

export default function App() {
  return <Alarm pack="filled" />;
}

Via Iconify · HTML

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

tsx
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

v1.0.3

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

v1.0.1

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.

VersionReleased
v1.0.3Feb 16, 2026
v1.0.2Jan 29, 2026
v1.0.1Jan 26, 2026
v1.0.0Jan 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?
This is the new Boxicons core library, with 3,700+ icons in basic and filled styles. The older, smaller Boxicons set is still available as a separate pack (Boxicons classic). New projects should start with this one.
How do I use the filled style in React?
Install 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?
Size presets run from xs (16px) to 5xl (512px). Icons have a 2px padding by default, which removePadding turns off, and props for flip, rotate and opacity are built in.
Is Boxicons free for commercial use?
Yes. The icons are MIT licensed, so you can ship them in commercial products without attribution.
How many icons are in Boxicons?
Boxicons contains 3,768 SVG icons in the UI 24px category, designed on a 24px grid.
How often is Boxicons updated?
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. See the full version history below.