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.

Box Alt Basic

bx bx-box-alt

Package: Boxicons
Category: Basic
Code Point: f240

box alt basic

Box Basic

bx bx-box

Package: Boxicons
Category: Basic
Code Point: f241

box basic

Bracket Basic

bx bx-bracket

Package: Boxicons
Category: Basic
Code Point: f244

bracket basic

Bracket Curly Basic

bx bx-bracket-curly

Package: Boxicons
Category: Basic
Code Point: f242

bracket curly basic

Bracket Round Basic

bx bx-bracket-round

Package: Boxicons
Category: Basic
Code Point: f243

bracket round basic

Braille Basic

bx bx-braille

Package: Boxicons
Category: Basic
Code Point: f245

braille basic

Brain Basic

bx bx-brain

Package: Boxicons
Category: Basic
Code Point: f247

brain basic

Brain Circuit Basic

bx bx-brain-circuit

Package: Boxicons
Category: Basic
Code Point: f246

brain circuit basic

Bread Basic

bx bx-bread

Package: Boxicons
Category: Basic
Code Point: f248

bread basic

Brick Basic

bx bx-brick

Package: Boxicons
Category: Basic
Code Point: f249

brick basic

Bridge Basic

bx bx-bridge

Package: Boxicons
Category: Basic
Code Point: f24a

bridge basic

Briefcase Alt 2 Basic

bx bx-briefcase-alt-2

Package: Boxicons
Category: Basic
Code Point: f24b

briefcase alt 2 basic

Briefcase Alt Basic

bx bx-briefcase-alt

Package: Boxicons
Category: Basic
Code Point: f24c

briefcase alt basic

Briefcase Basic

bx bx-briefcase

Package: Boxicons
Category: Basic
Code Point: f24d

briefcase basic

Brightness Basic

bx bx-brightness

Package: Boxicons
Category: Basic
Code Point: f24f

brightness basic

Brightness Half Basic

bx bx-brightness-half

Package: Boxicons
Category: Basic
Code Point: f24e

brightness half basic

Broadcast Basic

bx bx-broadcast

Package: Boxicons
Category: Basic
Code Point: f250

broadcast basic

Broccoli Basic

bx bx-broccoli

Package: Boxicons
Category: Basic
Code Point: f251

broccoli basic

Broom Basic

bx bx-broom

Package: Boxicons
Category: Basic
Code Point: f252

broom basic

Browser Activity Basic

bx bx-browser-activity

Package: Boxicons
Category: Basic
Code Point: f253

browser activity basic

Brush Basic

bx bx-brush

Package: Boxicons
Category: Basic
Code Point: f255

brush basic

Brush Sparkles Basic

bx bx-brush-sparkles

Package: Boxicons
Category: Basic
Code Point: f254

brush sparkles basic

Bucket Basic

bx bx-bucket

Package: Boxicons
Category: Basic
Code Point: f256

bucket basic

Buddhism Basic

bx bx-buddhism

Package: Boxicons
Category: Basic
Code Point: f257

buddhism basic

Bug Alt Basic

bx bx-bug-alt

Package: Boxicons
Category: Basic
Code Point: f258

bug alt basic

Bug Basic

bx bx-bug

Package: Boxicons
Category: Basic
Code Point: f259

bug basic

Building Basic

bx bx-building

Package: Boxicons
Category: Basic
Code Point: f25d

building basic

Building Hospital Basic

bx bx-building-hospital

Package: Boxicons
Category: Basic
Code Point: f25a

building hospital basic

Building House Basic

bx bx-building-house

Package: Boxicons
Category: Basic
Code Point: f25b

building house basic

Building Small Basic

bx bx-building-small

Package: Boxicons
Category: Basic
Code Point: f25c

building small basic

Buildings Basic

bx bx-buildings

Package: Boxicons
Category: Basic
Code Point: f25e

buildings basic

Bullseye Basic

bx bx-bullseye

Package: Boxicons
Category: Basic
Code Point: f25f

bullseye basic

Buoy Basic

bx bx-buoy

Package: Boxicons
Category: Basic
Code Point: f260

buoy basic

Burger Alt Basic

bx bx-burger-alt

Package: Boxicons
Category: Basic
Code Point: f261

burger alt basic

Burger Basic

bx bx-burger

Package: Boxicons
Category: Basic
Code Point: f262

burger basic

Bus Basic

bx bx-bus

Package: Boxicons
Category: Basic
Code Point: f263

bus basic

Business Basic

bx bx-business

Package: Boxicons
Category: Basic
Code Point: f264

business basic

Butterfly Basic

bx bx-butterfly

Package: Boxicons
Category: Basic
Code Point: f265

butterfly basic

Button Basic

bx bx-button

Package: Boxicons
Category: Basic
Code Point: f267

button basic

Button Rounded Basic

bx bx-button-rounded

Package: Boxicons
Category: Basic
Code Point: f266

button rounded basic

Cabinet Basic

bx bx-cabinet

Package: Boxicons
Category: Basic
Code Point: f268

cabinet basic

Cable Car Basic

bx bx-cable-car

Package: Boxicons
Category: Basic
Code Point: f269

cable car basic

Cake Slice Basic

bx bx-cake-slice

Package: Boxicons
Category: Basic
Code Point: f26a

cake slice basic

Calculator Basic

bx bx-calculator

Package: Boxicons
Category: Basic
Code Point: f26b

calculator basic

Calendar Alt 2 Basic

bx bx-calendar-alt-2

Package: Boxicons
Category: Basic
Code Point: f26c

calendar alt 2 basic

Calendar Alt Basic

bx bx-calendar-alt

Package: Boxicons
Category: Basic
Code Point: f26d

calendar alt basic

Calendar Basic

bx bx-calendar

Package: Boxicons
Category: Basic
Code Point: f27b

calendar basic

Calendar Check Basic

bx bx-calendar-check

Package: Boxicons
Category: Basic
Code Point: f26e

calendar check 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

1,053 icons