Font Icon Library

Boxicons Search

Search and preview Boxicons icons, then copy the CSS class, HTML markup, or code point for your project. Boxicons provides basic, filled, and brand icon fonts for websites, applications, and administration interfaces. Font icons behave like text: CSS can control their size, color, alignment, and interaction states without editing an image file. A consistent icon family also helps users recognize repeated actions more quickly across navigation, forms, and controls. Use visible text or an accessible label whenever an icon communicates an action. For performance, load only the library and styles your interface needs. Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Arrow Up Stroke Square Basic

bx bx-arrow-up-stroke-square

Package: Boxicons
Category: Basic
Code Point: f1c3

arrow up stroke square

Article Basic

bx bx-article

Package: Boxicons
Category: Basic
Code Point: f1c7

article basic

Asterisk Basic

bx bx-asterisk

Package: Boxicons
Category: Basic
Code Point: f1c8

asterisk basic

At Basic

bx bx-at

Package: Boxicons
Category: Basic
Code Point: f1c9

at basic

Atom Basic

bx bx-atom

Package: Boxicons
Category: Basic
Code Point: f1ca

atom basic

Backpack Star Basic

bx bx-backpack-star

Package: Boxicons
Category: Basic
Code Point: f1cf

backpack star basic

Bacteria Basic

bx bx-bacteria

Package: Boxicons
Category: Basic
Code Point: f1d4

bacteria basic

Badge Exclamation Basic

bx bx-badge-exclamation

Package: Boxicons
Category: Basic
Code Point: f1d6

badge exclamation basic

Baguette Basic

bx bx-baguette

Package: Boxicons
Category: Basic
Code Point: f1d9

baguette basic

Ball Throw Basic

bx bx-ball-throw

Package: Boxicons
Category: Basic
Code Point: f1dc

ball throw basic

Bar Chart Basic

bx bx-bar-chart

Package: Boxicons
Category: Basic
Code Point: f1e2

bar chart basic

Bar Chart Big Basic

bx bx-bar-chart-big

Package: Boxicons
Category: Basic
Code Point: f1e0

bar chart big basic

Bar Chart Square Basic

bx bx-bar-chart-square

Package: Boxicons
Category: Basic
Code Point: f1e1

bar chart square basic

Basket Basic

bx bx-basket

Package: Boxicons
Category: Basic
Code Point: f1e7

basket basic

Basketball Basic

bx bx-basketball

Package: Boxicons
Category: Basic
Code Point: f1e8

basketball basic

Bath Basic

bx bx-bath

Package: Boxicons
Category: Basic
Code Point: f1e9

bath basic

Battery 1 Basic

bx bx-battery-1

Package: Boxicons
Category: Basic
Code Point: f1ea

battery 1 basic

Battery 2 Basic

bx bx-battery-2

Package: Boxicons
Category: Basic
Code Point: f1eb

battery 2 basic

Battery 3 Basic

bx bx-battery-3

Package: Boxicons
Category: Basic
Code Point: f1ec

battery 3 basic

Battery Basic

bx bx-battery

Package: Boxicons
Category: Basic
Code Point: f1ef

battery basic

Battery Full Basic

bx bx-battery-full

Package: Boxicons
Category: Basic
Code Point: f1ed

battery full basic

Battery Low Basic

bx bx-battery-low

Package: Boxicons
Category: Basic
Code Point: f1ee

battery low basic

Bed Alt Basic

bx bx-bed-alt

Package: Boxicons
Category: Basic
Code Point: f1f5

bed alt basic

Between Horizontal End Basic

bx bx-between-horizontal-end

Package: Boxicons
Category: Basic
Code Point: f1ff

between horizontal end basic

Between Horizontal Start Basic

bx bx-between-horizontal-start

Package: Boxicons
Category: Basic
Code Point: f200

between horizontal start basic

Between Vertical End Basic

bx bx-between-vertical-end

Package: Boxicons
Category: Basic
Code Point: f201

between vertical end basic

Between Vertical Start Basic

bx bx-between-vertical-start

Package: Boxicons
Category: Basic
Code Point: f202

between vertical start basic

Bird Alt Basic

bx bx-bird-alt

Package: Boxicons
Category: Basic
Code Point: f206

bird alt basic

Birthday Cake Basic

bx bx-birthday-cake

Package: Boxicons
Category: Basic
Code Point: f208

birthday cake basic

Bitcoin Basic

bx bx-bitcoin

Package: Boxicons
Category: Basic
Code Point: f209

bitcoin basic

Blanket Basic

bx bx-blanket

Package: Boxicons
Category: Basic
Code Point: f20a

blanket basic

Blockquote Basic

bx bx-blockquote

Package: Boxicons
Category: Basic
Code Point: f20d

blockquote basic

Bluetooth Basic

bx bx-bluetooth

Package: Boxicons
Category: Basic
Code Point: f20f

bluetooth basic

Blur Alt Basic

bx bx-blur-alt

Package: Boxicons
Category: Basic
Code Point: f210

blur alt basic

Bolt Alt Basic

bx bx-bolt-alt

Package: Boxicons
Category: Basic
Code Point: f214

bolt alt basic

Bolt Basic

bx bx-bolt

Package: Boxicons
Category: Basic
Code Point: f217

bolt basic

Bolt Circle Basic

bx bx-bolt-circle

Package: Boxicons
Category: Basic
Code Point: f215

bolt circle basic

Bolt Square Basic

bx bx-bolt-square

Package: Boxicons
Category: Basic
Code Point: f216

bolt square basic

Book Alt Basic

bx bx-book-alt

Package: Boxicons
Category: Basic
Code Point: f21c

book alt basic

Book Content Basic

bx bx-book-content

Package: Boxicons
Category: Basic
Code Point: f21e

book content basic

Book Heart Basic

bx bx-book-heart

Package: Boxicons
Category: Basic
Code Point: f21f

book heart basic

Bookmark Alt Basic

bx bx-bookmark-alt

Package: Boxicons
Category: Basic
Code Point: f223

bookmark alt basic

Bookmark Heart Basic

bx bx-bookmark-heart

Package: Boxicons
Category: Basic
Code Point: f224

bookmark heart basic

Bookmark Minus Alt Basic

bx bx-bookmark-minus-alt

Package: Boxicons
Category: Basic
Code Point: f225

bookmark minus alt basic

Bookmark Plus Alt Basic

bx bx-bookmark-plus-alt

Package: Boxicons
Category: Basic
Code Point: f227

bookmark plus alt basic

Bookmark Star Basic

bx bx-bookmark-star

Package: Boxicons
Category: Basic
Code Point: f229

bookmark star basic

Boot Basic

bx bx-boot

Package: Boxicons
Category: Basic
Code Point: f22e

boot basic

Border Bottom Basic

bx bx-border-bottom

Package: Boxicons
Category: Basic
Code Point: f230

border bottom basic

Add Boxicons to your website or app

Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.

1. Load the icon library

<link rel="stylesheet" href="https://cdn.boxicons.com/3.0.8/fonts/basic/boxicons.min.css">

Reference version: 3.0.8

2. Copy an icon

Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.

Code points are useful for CSS generated content and tools that work directly with icon fonts.

3. Keep icons accessible

Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.

Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Practical Notes

Icon Implementation Checklist

Icons work best when they support quick recognition without becoming the only way a user understands an action.

Label important controls

Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.

Keep style consistent

Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.

Load only what you need

Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,334 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

2,194 icons