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.

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

Calendar Cog Basic

bx bx-calendar-cog

Package: Boxicons
Category: Basic
Code Point: f26f

calendar cog basic

Calendar Detail Basic

bx bx-calendar-detail

Package: Boxicons
Category: Basic
Code Point: f270

calendar detail basic

Calendar Down Arrow Basic

bx bx-calendar-down-arrow

Package: Boxicons
Category: Basic
Code Point: f271

calendar down arrow basic

Calendar Event Basic

bx bx-calendar-event

Package: Boxicons
Category: Basic
Code Point: f272

calendar event basic

Calendar Heart Basic

bx bx-calendar-heart

Package: Boxicons
Category: Basic
Code Point: f273

calendar heart basic

Calendar Minus Basic

bx bx-calendar-minus

Package: Boxicons
Category: Basic
Code Point: f274

calendar minus basic

Calendar Plus Basic

bx bx-calendar-plus

Package: Boxicons
Category: Basic
Code Point: f275

calendar plus basic

Calendar Search Basic

bx bx-calendar-search

Package: Boxicons
Category: Basic
Code Point: f276

calendar search basic

Calendar Star Basic

bx bx-calendar-star

Package: Boxicons
Category: Basic
Code Point: f277

calendar star basic

Calendar Up Arrow Basic

bx bx-calendar-up-arrow

Package: Boxicons
Category: Basic
Code Point: f278

calendar up arrow basic

Calendar Week Basic

bx bx-calendar-week

Package: Boxicons
Category: Basic
Code Point: f279

calendar week basic

Calendar X Basic

bx bx-calendar-x

Package: Boxicons
Category: Basic
Code Point: f27a

calendar x basic

Camcoder Basic

bx bx-camcoder

Package: Boxicons
Category: Basic
Code Point: f27c

camcoder basic

Camera Alt Basic

bx bx-camera-alt

Package: Boxicons
Category: Basic
Code Point: f27d

camera alt basic

Camera Basic

bx bx-camera

Package: Boxicons
Category: Basic
Code Point: f285

camera basic

Camera Flip Basic

bx bx-camera-flip

Package: Boxicons
Category: Basic
Code Point: f27e

camera flip basic

Camera Home Basic

bx bx-camera-home

Package: Boxicons
Category: Basic
Code Point: f27f

camera home 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

3,018 icons