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.

Card View Small Basic

bx bx-card-view-small

Package: Boxicons
Category: Basic
Code Point: f297

Card View Tiles Basic

bx bx-card-view-tiles

Package: Boxicons
Category: Basic
Code Point: f298

card view tiles basic

Caret Big Down Basic

bx bx-caret-big-down

Package: Boxicons
Category: Basic
Code Point: f29a

caret big down basic

Caret Big Left Basic

bx bx-caret-big-left

Package: Boxicons
Category: Basic
Code Point: f29b

caret big left basic

Caret Big Right Basic

bx bx-caret-big-right

Package: Boxicons
Category: Basic
Code Point: f29c

caret big right basic

Caret Big Up Basic

bx bx-caret-big-up

Package: Boxicons
Category: Basic
Code Point: f29d

caret big up basic

Caret Down Circle Basic

bx bx-caret-down-circle

Package: Boxicons
Category: Basic
Code Point: f29e

caret down circle basic

Caret Down Square Basic

bx bx-caret-down-square

Package: Boxicons
Category: Basic
Code Point: f29f

caret down square basic

Caret Up Basic

bx bx-caret-up

Package: Boxicons
Category: Basic
Code Point: f2a9

caret up basic

Cat Basic

bx bx-cat

Package: Boxicons
Category: Basic
Code Point: f2b9

cat basic

Chart Sine Basic

bx bx-chart-sine

Package: Boxicons
Category: Basic
Code Point: f2c9

chart sine basic

Chef Hat Basic

bx bx-chef-hat

Package: Boxicons
Category: Basic
Code Point: f2d9

chef hat basic

Chevron Right Square Basic

bx bx-chevron-right-square

Package: Boxicons
Category: Basic
Code Point: f2e9

chevron right square basic

Church Basic

bx bx-church

Package: Boxicons
Category: Basic
Code Point: f2f9

church basic

Circles 9 Basic

bx bx-circles-9

Package: Boxicons
Category: Basic
Code Point: f306

circles 9 basic

Circuit Board Basic

bx bx-circuit-board

Package: Boxicons
Category: Basic
Code Point: f309

circuit board basic

Clock 5 Basic

bx bx-clock-5

Package: Boxicons
Category: Basic
Code Point: f319

clock 5 basic

Clock 9 Basic

bx bx-clock-9

Package: Boxicons
Category: Basic
Code Point: f31d

clock 9 basic

Cloud Snow Basic

bx bx-cloud-snow

Package: Boxicons
Category: Basic
Code Point: f329

cloud snow basic

Color Fill Basic

bx bx-color-fill

Package: Boxicons
Category: Basic
Code Point: f339

color fill basic

Connector Basic

bx bx-connector

Package: Boxicons
Category: Basic
Code Point: f349

connector basic

Credit Card Front Basic

bx bx-credit-card-front

Package: Boxicons
Category: Basic
Code Point: f359

credit card front basic

Cup Tea Basic

bx bx-cup-tea

Package: Boxicons
Category: Basic
Code Point: f369

cup tea basic

Cycling Basic

bx bx-cycling

Package: Boxicons
Category: Basic
Code Point: f379

cycling basic

Diamond Alt Basic

bx bx-diamond-alt

Package: Boxicons
Category: Basic
Code Point: f389

diamond alt basic

Dice 5 Basic

bx bx-dice-5

Package: Boxicons
Category: Basic
Code Point: f390

dice 5 basic

Dice 6 Basic

bx bx-dice-6

Package: Boxicons
Category: Basic
Code Point: f391

dice 6 basic

Dice Roll Basic

bx bx-dice-roll

Package: Boxicons
Category: Basic
Code Point: f392

dice roll basic

Dino Basic

bx bx-dino

Package: Boxicons
Category: Basic
Code Point: f393

dino basic

Directions Basic

bx bx-directions

Package: Boxicons
Category: Basic
Code Point: f394

directions basic

Disc Basic

bx bx-disc

Package: Boxicons
Category: Basic
Code Point: f395

disc basic

Discount Basic

bx bx-discount

Package: Boxicons
Category: Basic
Code Point: f396

discount basic

Discussion Basic

bx bx-discussion

Package: Boxicons
Category: Basic
Code Point: f397

discussion basic

Dish Basic

bx bx-dish

Package: Boxicons
Category: Basic
Code Point: f398

dish basic

Dishwasher Basic

bx bx-dishwasher

Package: Boxicons
Category: Basic
Code Point: f399

dishwasher basic

Dislike Basic

bx bx-dislike

Package: Boxicons
Category: Basic
Code Point: f39a

dislike basic

Division Basic

bx bx-division

Package: Boxicons
Category: Basic
Code Point: f39b

division basic

Dizzy Basic

bx bx-dizzy

Package: Boxicons
Category: Basic
Code Point: f39c

dizzy basic

Dna Basic

bx bx-dna

Package: Boxicons
Category: Basic
Code Point: f39d

dna basic

Dock Bottom Alt Basic

bx bx-dock-bottom-alt

Package: Boxicons
Category: Basic
Code Point: f39e

dock bottom alt basic

Dock Bottom Arrow Basic

bx bx-dock-bottom-arrow

Package: Boxicons
Category: Basic
Code Point: f39f

dock bottom arrow basic

Dock Right Arrow Basic

bx bx-dock-right-arrow

Package: Boxicons
Category: Basic
Code Point: f3a9

dock right arrow basic

Donate Heart Basic

bx bx-donate-heart

Package: Boxicons
Category: Basic
Code Point: f3b9

donate heart basic

Dribbling Basic

bx bx-dribbling

Package: Boxicons
Category: Basic
Code Point: f3c9

dribbling basic

Education Basic

bx bx-education

Package: Boxicons
Category: Basic
Code Point: f3d9

education basic

Eraser Basic

bx bx-eraser

Package: Boxicons
Category: Basic
Code Point: f3e9

eraser basic

Face Alt 3 Basic

bx bx-face-alt-3

Package: Boxicons
Category: Basic
Code Point: f3f9

face alt 3 basic

File Cog Basic

bx bx-file-cog

Package: Boxicons
Category: Basic
Code Point: f409

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

486 icons