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.

Air Basic

bx bx-air

Package: Boxicons
Category: Basic
Code Point: f108

air basic

Air Conditioner Basic

bx bx-air-conditioner

Package: Boxicons
Category: Basic
Code Point: f107

air conditioner basic

Airplay Basic

bx bx-airplay

Package: Boxicons
Category: Basic
Code Point: f109

airplay basic

Bahai Basic

bx bx-bahai

Package: Boxicons
Category: Basic
Code Point: f1da

bahai basic

Band Aid Basic

bx bx-band-aid

Package: Boxicons
Category: Basic
Code Point: f1de

band aid 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

Calendar Detail Basic

bx bx-calendar-detail

Package: Boxicons
Category: Basic
Code Point: f270

calendar detail basic

Camera Portrait Basic

bx bx-camera-portrait

Package: Boxicons
Category: Basic
Code Point: f282

camera portrait basic

Chair Basic

bx bx-chair

Package: Boxicons
Category: Basic
Code Point: f2bd

chair basic

Clipboard Detail Basic

bx bx-clipboard-detail

Package: Boxicons
Category: Basic
Code Point: f30d

clipboard detail basic

Cloud Rain Basic

bx bx-cloud-rain

Package: Boxicons
Category: Basic
Code Point: f328

cloud rain basic

Cloud Rain Wind Alt Basic

bx bx-cloud-rain-wind-alt

Package: Boxicons
Category: Basic
Code Point: f326

cloud rain wind alt

Cloud Rain Wind Basic

bx bx-cloud-rain-wind

Package: Boxicons
Category: Basic
Code Point: f327

cloud rain wind basic

Cocktail Basic

bx bx-cocktail

Package: Boxicons
Category: Basic
Code Point: f32e

cocktail basic

Container Basic

bx bx-container

Package: Boxicons
Category: Basic
Code Point: f34b

container basic

Crosshair Basic

bx bx-crosshair

Package: Boxicons
Category: Basic
Code Point: f35f

crosshair basic

Cursor Crosshair Basic

bx bx-cursor-crosshair

Package: Boxicons
Category: Basic
Code Point: f374

cursor crosshair basic

Cursor Crosshair Dot Basic

bx bx-cursor-crosshair-dot

Package: Boxicons
Category: Basic
Code Point: f373

cursor crosshair dot basic

File Detail Basic

bx bx-file-detail

Package: Boxicons
Category: Basic
Code Point: f40a

file detail basic

Gallery Thumbnails Basic

bx bx-gallery-thumbnails

Package: Boxicons
Category: Basic
Code Point: f45d

gallery thumbnails basic

Hail Basic

bx bx-hail

Package: Boxicons
Category: Basic
Code Point: f495

hail basic

High Speed Train Basic

bx bx-high-speed-train

Package: Boxicons
Category: Basic
Code Point: f4b9

high speed train basic

Image Portrait Basic

bx bx-image-portrait

Package: Boxicons
Category: Basic
Code Point: f4de

image portrait basic

Judaism Basic

bx bx-judaism

Package: Boxicons
Category: Basic
Code Point: f4f7

judaism basic

Mail Open Basic

bx bx-mail-open

Package: Boxicons
Category: Basic
Code Point: f550

mail open basic

Message Bubble Detail Basic

bx bx-message-bubble-detail

Package: Boxicons
Category: Basic
Code Point: f57d

message bubble detail basic

Message Circle Detail Basic

bx bx-message-circle-detail

Package: Boxicons
Category: Basic
Code Point: f591

message circle detail basic

Message Detail Basic

bx bx-message-detail

Package: Boxicons
Category: Basic
Code Point: f5a1

message detail basic

Mountain Basic

bx bx-mountain

Package: Boxicons
Category: Basic
Code Point: f5dc

mountain basic

Mountain Peak Basic

bx bx-mountain-peak

Package: Boxicons
Category: Basic
Code Point: f5da

mountain peak basic

Mountain View Basic

bx bx-mountain-view

Package: Boxicons
Category: Basic
Code Point: f5db

mountain view basic

Paint Alt Basic

bx bx-paint-alt

Package: Boxicons
Category: Basic
Code Point: f608

paint alt basic

Paint Basic

bx bx-paint

Package: Boxicons
Category: Basic
Code Point: f60a

paint basic

Paint Roll Basic

bx bx-paint-roll

Package: Boxicons
Category: Basic
Code Point: f609

paint roll basic

Rainbow Basic

bx bx-rainbow

Package: Boxicons
Category: Basic
Code Point: f680

rainbow basic

Rainbow Half Basic

bx bx-rainbow-half

Package: Boxicons
Category: Basic
Code Point: f67f

rainbow half basic

Sail Basic

bx bx-sail

Package: Boxicons
Category: Basic
Code Point: f6c5

sail basic

Scan Detail Basic

bx bx-scan-detail

Package: Boxicons
Category: Basic
Code Point: f6ce

scan detail basic

Sun Rain Basic

bx bx-sun-rain

Package: Boxicons
Category: Basic
Code Point: f779

sun rain basic

Sun Rain Wind Basic

bx bx-sun-rain-wind

Package: Boxicons
Category: Basic
Code Point: f778

sun rain wind basic

Train Basic

bx bx-train

Package: Boxicons
Category: Basic
Code Point: f7cc

train basic

Voicemail Basic

bx bx-voicemail

Package: Boxicons
Category: Basic
Code Point: f81c

voicemail basic

Airbnb Brands

bxl bx-airbnb

Package: Boxicons
Category: Brands
Code Point: f104

airbnb brands

Baidu Brands

bxl bx-baidu

Package: Boxicons
Category: Brands
Code Point: f116

baidu brands

Claude Ai Brands

bxl bx-claude-ai

Package: Boxicons
Category: Brands
Code Point: f12b

claude ai brands

Cursor Ai Brands

bxl bx-cursor-ai

Package: Boxicons
Category: Brands
Code Point: f133

cursor ai brands

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

101 icons