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.

Clipboard Plus Filled

bxf bx-clipboard-plus

Package: Boxicons
Category: Filled
Code Point: f30f

clipboard plus filled

Clock Dashed Half Filled

bxf bx-clock-dashed-half

Package: Boxicons
Category: Filled
Code Point: f31e

clock dashed half filled

Cloud Snow Filled

bxf bx-cloud-snow

Package: Boxicons
Category: Filled
Code Point: f329

cloud snow filled

Cloud Sun Filled

bxf bx-cloud-sun

Package: Boxicons
Category: Filled
Code Point: f32a

cloud sun filled

Coffee Beans Filled

bxf bx-coffee-beans

Package: Boxicons
Category: Filled
Code Point: f331

coffee beans filled

Coins Filled

bxf bx-coins

Package: Boxicons
Category: Filled
Code Point: f337

coins filled

Col Resize Filled

bxf bx-col-resize

Package: Boxicons
Category: Filled
Code Point: f338

col resize filled

Columns 3 Filled

bxf bx-columns-3

Package: Boxicons
Category: Filled
Code Point: f33b

columns 3 filled

Columns 4 Filled

bxf bx-columns-4

Package: Boxicons
Category: Filled
Code Point: f33c

columns 4 filled

Columns Filled

bxf bx-columns

Package: Boxicons
Category: Filled
Code Point: f33d

columns filled

Compass Filled

bxf bx-compass

Package: Boxicons
Category: Filled
Code Point: f344

compass filled

Compass Tool Filled

bxf bx-compass-tool

Package: Boxicons
Category: Filled
Code Point: f343

compass tool filled

Confused Filled

bxf bx-confused

Package: Boxicons
Category: Filled
Code Point: f348

confused filled

Contrast Filled

bxf bx-contrast

Package: Boxicons
Category: Filled
Code Point: f34c

contrast filled

Copy List Filled

bxf bx-copy-list

Package: Boxicons
Category: Filled
Code Point: f350

copy list filled

Copy Minus Filled

bxf bx-copy-minus

Package: Boxicons
Category: Filled
Code Point: f351

copy minus filled

Copy Plus Filled

bxf bx-copy-plus

Package: Boxicons
Category: Filled
Code Point: f352

copy plus filled

Credit Card Insert Filled

bxf bx-credit-card-insert

Package: Boxicons
Category: Filled
Code Point: f35a

credit card insert filled

Cross Circle Filled

bxf bx-cross-circle

Package: Boxicons
Category: Filled
Code Point: f35e

cross circle filled

Crosshair Filled

bxf bx-crosshair

Package: Boxicons
Category: Filled
Code Point: f35f

crosshair filled

Cube Inside Filled

bxf bx-cube-inside

Package: Boxicons
Category: Filled
Code Point: f364

cube inside filled

Cup Saucer Filled

bxf bx-cup-saucer

Package: Boxicons
Category: Filled
Code Point: f368

cup saucer filled

Currency Notes Filled

bxf bx-currency-notes

Package: Boxicons
Category: Filled
Code Point: f36f

currency notes filled

Cursor Add Filled

bxf bx-cursor-add

Package: Boxicons
Category: Filled
Code Point: f370

cursor add filled

Cursor Cell Filled

bxf bx-cursor-cell

Package: Boxicons
Category: Filled
Code Point: f371

cursor cell filled

Cursor Click Filled

bxf bx-cursor-click

Package: Boxicons
Category: Filled
Code Point: f372

cursor click filled

Cursor Crosshair Dot Filled

bxf bx-cursor-crosshair-dot

Package: Boxicons
Category: Filled
Code Point: f373

cursor crosshair dot filled

Cursor Crosshair Filled

bxf bx-cursor-crosshair

Package: Boxicons
Category: Filled
Code Point: f374

cursor crosshair filled

Cursor Filled

bxf bx-cursor

Package: Boxicons
Category: Filled
Code Point: f377

cursor filled

Cursor Pen Filled

bxf bx-cursor-pen

Package: Boxicons
Category: Filled
Code Point: f375

cursor pen filled

Cursor Pointer Filled

bxf bx-cursor-pointer

Package: Boxicons
Category: Filled
Code Point: f376

cursor pointer filled

Dashboard Alt Filled

bxf bx-dashboard-alt

Package: Boxicons
Category: Filled
Code Point: f37b

dashboard alt filled

Dashboard Filled

bxf bx-dashboard

Package: Boxicons
Category: Filled
Code Point: f37c

dashboard filled

Database Alt Filled

bxf bx-database-alt

Package: Boxicons
Category: Filled
Code Point: f37d

database alt filled

Database Filled

bxf bx-database

Package: Boxicons
Category: Filled
Code Point: f37e

database filled

Decrease Indent Filled

bxf bx-decrease-indent

Package: Boxicons
Category: Filled
Code Point: f37f

decrease indent filled

Department Store Filled

bxf bx-department-store

Package: Boxicons
Category: Filled
Code Point: f381

department store filled

Desert Filled

bxf bx-desert

Package: Boxicons
Category: Filled
Code Point: f382

desert filled

Desk Filled

bxf bx-desk

Package: Boxicons
Category: Filled
Code Point: f383

desk filled

Desktop Alt Filled

bxf bx-desktop-alt

Package: Boxicons
Category: Filled
Code Point: f384

desktop alt filled

Desktop Filled

bxf bx-desktop

Package: Boxicons
Category: Filled
Code Point: f385

desktop filled

Devices Filled

bxf bx-devices

Package: Boxicons
Category: Filled
Code Point: f386

devices filled

Diamonds Filled

bxf bx-diamonds

Package: Boxicons
Category: Filled
Code Point: f38b

diamonds filled

Directions Filled

bxf bx-directions

Package: Boxicons
Category: Filled
Code Point: f394

directions filled

Disc Filled

bxf bx-disc

Package: Boxicons
Category: Filled
Code Point: f395

disc filled

Discount Filled

bxf bx-discount

Package: Boxicons
Category: Filled
Code Point: f396

discount filled

Discussion Filled

bxf bx-discussion

Package: Boxicons
Category: Filled
Code Point: f397

discussion filled

Dish Filled

bxf bx-dish

Package: Boxicons
Category: Filled
Code Point: f398

dish filled

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