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.

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

Camping Basic

bx bx-camping

Package: Boxicons
Category: Basic
Code Point: f287

camping basic

Card View Small Basic

bx bx-card-view-small

Package: Boxicons
Category: Basic
Code Point: f297

card view small basic

Caret Up Circle Basic

bx bx-caret-up-circle

Package: Boxicons
Category: Basic
Code Point: f2a7

caret up circle basic

Castle Basic

bx bx-castle

Package: Boxicons
Category: Basic
Code Point: f2b7

castle basic

Chart Network Basic

bx bx-chart-network

Package: Boxicons
Category: Basic
Code Point: f2c7

chart network basic

Checks Basic

bx bx-checks

Package: Boxicons
Category: Basic
Code Point: f2d7

checks basic

Chevron Left Basic

bx bx-chevron-left

Package: Boxicons
Category: Basic
Code Point: f2e7

chevron left basic

Chip Basic

bx bx-chip

Package: Boxicons
Category: Basic
Code Point: f2f7

chip basic

Circles Alt Basic

bx bx-circles-alt

Package: Boxicons
Category: Basic
Code Point: f307

circles alt basic

Clock 3 Basic

bx bx-clock-3

Package: Boxicons
Category: Basic
Code Point: f317

clock 3 basic

Clock 7 Basic

bx bx-clock-7

Package: Boxicons
Category: Basic
Code Point: f31b

clock 7 basic

Cloud Rain Wind Basic

bx bx-cloud-rain-wind

Package: Boxicons
Category: Basic
Code Point: f327

cloud rain wind basic

Coins Basic

bx bx-coins

Package: Boxicons
Category: Basic
Code Point: f337

coins basic

Computer Basic

bx bx-computer

Package: Boxicons
Category: Basic
Code Point: f347

computer basic

Couch Basic

bx bx-couch

Package: Boxicons
Category: Basic
Code Point: f357

couch basic

Cup Hot Basic

bx bx-cup-hot

Package: Boxicons
Category: Basic
Code Point: f367

cup hot basic

Cursor Add Basic

bx bx-cursor-add

Package: Boxicons
Category: Basic
Code Point: f370

cursor add basic

Cursor Basic

bx bx-cursor

Package: Boxicons
Category: Basic
Code Point: f377

cursor basic

Cursor Cell Basic

bx bx-cursor-cell

Package: Boxicons
Category: Basic
Code Point: f371

cursor cell basic

Cursor Click Basic

bx bx-cursor-click

Package: Boxicons
Category: Basic
Code Point: f372

cursor click 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

Cursor Pen Basic

bx bx-cursor-pen

Package: Boxicons
Category: Basic
Code Point: f375

cursor pen basic

Cursor Pointer Basic

bx bx-cursor-pointer

Package: Boxicons
Category: Basic
Code Point: f376

cursor pointer basic

Cut Basic

bx bx-cut

Package: Boxicons
Category: Basic
Code Point: f378

cut basic

Cycling Basic

bx bx-cycling

Package: Boxicons
Category: Basic
Code Point: f379

cycling basic

Cylinder Basic

bx bx-cylinder

Package: Boxicons
Category: Basic
Code Point: f37a

cylinder basic

Dashboard Alt Basic

bx bx-dashboard-alt

Package: Boxicons
Category: Basic
Code Point: f37b

dashboard alt basic

Dashboard Basic

bx bx-dashboard

Package: Boxicons
Category: Basic
Code Point: f37c

dashboard basic

Database Alt Basic

bx bx-database-alt

Package: Boxicons
Category: Basic
Code Point: f37d

database alt basic

Database Basic

bx bx-database

Package: Boxicons
Category: Basic
Code Point: f37e

database basic

Decrease Indent Basic

bx bx-decrease-indent

Package: Boxicons
Category: Basic
Code Point: f37f

decrease indent basic

Dialpad Basic

bx bx-dialpad

Package: Boxicons
Category: Basic
Code Point: f387

dialpad basic

Discussion Basic

bx bx-discussion

Package: Boxicons
Category: Basic
Code Point: f397

discussion basic

Dock Left Basic

bx bx-dock-left

Package: Boxicons
Category: Basic
Code Point: f3a7

dock left basic

Dollar Basic

bx bx-dollar

Package: Boxicons
Category: Basic
Code Point: f3b7

dollar basic

Draw Inside Basic

bx bx-draw-inside

Package: Boxicons
Category: Basic
Code Point: f3c7

draw inside basic

Edit Alt Basic

bx bx-edit-alt

Package: Boxicons
Category: Basic
Code Point: f3d7

edit alt basic

Equal Basic

bx bx-equal

Package: Boxicons
Category: Basic
Code Point: f3e7

equal basic

Eyedropper Basic

bx bx-eyedropper

Package: Boxicons
Category: Basic
Code Point: f3f7

eyedropper basic

Female Basic

bx bx-female

Package: Boxicons
Category: Basic
Code Point: f407

female basic

Filter Basic

bx bx-filter

Package: Boxicons
Category: Basic
Code Point: f417

filter 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

932 icons