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.

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

Butterfly Basic

bx bx-butterfly

Package: Boxicons
Category: Basic
Code Point: f265

butterfly basic

Calendar Plus Basic

bx bx-calendar-plus

Package: Boxicons
Category: Basic
Code Point: f275

calendar plus basic

Camera Basic

bx bx-camera

Package: Boxicons
Category: Basic
Code Point: f285

camera basic

Card View Large Basic

bx bx-card-view-large

Package: Boxicons
Category: Basic
Code Point: f295

card view large basic

Caret Right Square Basic

bx bx-caret-right-square

Package: Boxicons
Category: Basic
Code Point: f2a5

caret right square basic

Cart Basic

bx bx-cart

Package: Boxicons
Category: Basic
Code Point: f2b5

cart basic

Chart Gantt Basic

bx bx-chart-gantt

Package: Boxicons
Category: Basic
Code Point: f2c5

chart gantt basic

Checkbox Basic

bx bx-checkbox

Package: Boxicons
Category: Basic
Code Point: f2d5

checkbox basic

Chevron Left Circle Basic

bx bx-chevron-left-circle

Package: Boxicons
Category: Basic
Code Point: f2e5

chevron left circle basic

Chevrons Up Basic

bx bx-chevrons-up

Package: Boxicons
Category: Basic
Code Point: f2f5

chevrons up basic

Circle Basic

bx bx-circle

Package: Boxicons
Category: Basic
Code Point: f305

circle basic

Clock 12 Basic

bx bx-clock-12

Package: Boxicons
Category: Basic
Code Point: f315

clock 12 basic

Clock 5 Basic

bx bx-clock-5

Package: Boxicons
Category: Basic
Code Point: f319

clock 5 basic

Cloud Moon Basic

bx bx-cloud-moon

Package: Boxicons
Category: Basic
Code Point: f325

cloud moon basic

Cognition Basic

bx bx-cognition

Package: Boxicons
Category: Basic
Code Point: f335

cognition basic

Component Basic

bx bx-component

Package: Boxicons
Category: Basic
Code Point: f345

component basic

Copy Basic

bx bx-copy

Package: Boxicons
Category: Basic
Code Point: f354

copy basic

Copy List Basic

bx bx-copy-list

Package: Boxicons
Category: Basic
Code Point: f350

copy list basic

Copy Minus Basic

bx bx-copy-minus

Package: Boxicons
Category: Basic
Code Point: f351

copy minus basic

Copy Plus Basic

bx bx-copy-plus

Package: Boxicons
Category: Basic
Code Point: f352

copy plus basic

Copy X Basic

bx bx-copy-x

Package: Boxicons
Category: Basic
Code Point: f353

copy x basic

Copyright Basic

bx bx-copyright

Package: Boxicons
Category: Basic
Code Point: f355

Core Basic

bx bx-core

Package: Boxicons
Category: Basic
Code Point: f356

core basic

Couch Basic

bx bx-couch

Package: Boxicons
Category: Basic
Code Point: f357

couch basic

Credit Card Alt Basic

bx bx-credit-card-alt

Package: Boxicons
Category: Basic
Code Point: f358

credit card alt basic

Credit Card Basic

bx bx-credit-card

Package: Boxicons
Category: Basic
Code Point: f35b

credit card basic

Credit Card Front Basic

bx bx-credit-card-front

Package: Boxicons
Category: Basic
Code Point: f359

credit card front basic

Credit Card Insert Basic

bx bx-credit-card-insert

Package: Boxicons
Category: Basic
Code Point: f35a

credit card insert basic

Cricket Ball Basic

bx bx-cricket-ball

Package: Boxicons
Category: Basic
Code Point: f35c

cricket ball basic

Crop Basic

bx bx-crop

Package: Boxicons
Category: Basic
Code Point: f35d

crop basic

Cross Circle Basic

bx bx-cross-circle

Package: Boxicons
Category: Basic
Code Point: f35e

cross circle basic

Crosshair Basic

bx bx-crosshair

Package: Boxicons
Category: Basic
Code Point: f35f

crosshair basic

Cube Basic

bx bx-cube

Package: Boxicons
Category: Basic
Code Point: f365

cube basic

Cursor Pen Basic

bx bx-cursor-pen

Package: Boxicons
Category: Basic
Code Point: f375

cursor pen basic

Desktop Basic

bx bx-desktop

Package: Boxicons
Category: Basic
Code Point: f385

desktop basic

Dice 5 Basic

bx bx-dice-5

Package: Boxicons
Category: Basic
Code Point: f390

dice 5 basic

Disc Basic

bx bx-disc

Package: Boxicons
Category: Basic
Code Point: f395

disc basic

Dock Left Alt Basic

bx bx-dock-left-alt

Package: Boxicons
Category: Basic
Code Point: f3a5

dock left alt basic

Dollar Circle Stars Basic

bx bx-dollar-circle-stars

Package: Boxicons
Category: Basic
Code Point: f3b5

dollar circle stars basic

Draw Ahead Basic

bx bx-draw-ahead

Package: Boxicons
Category: Basic
Code Point: f3c5

draw ahead basic

Ease In Basic

bx bx-ease-in

Package: Boxicons
Category: Basic
Code Point: f3d5

ease in basic

Equal Circle Basic

bx bx-equal-circle

Package: Boxicons
Category: Basic
Code Point: f3e5

equal circle basic

Eye Slash Basic

bx bx-eye-slash

Package: Boxicons
Category: Basic
Code Point: f3f5

eye slash basic

Feather Plus Basic

bx bx-feather-plus

Package: Boxicons
Category: Basic
Code Point: f405

feather plus 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

966 icons