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

bx bx-clipboard-x

Package: Boxicons
Category: Basic
Code Point: f310

clipboard x basic

Clock 1 Basic

bx bx-clock-1

Package: Boxicons
Category: Basic
Code Point: f312

clock 1 basic

Clock 10 Basic

bx bx-clock-10

Package: Boxicons
Category: Basic
Code Point: f313

clock 10 basic

Clock 11 Basic

bx bx-clock-11

Package: Boxicons
Category: Basic
Code Point: f314

clock 11 basic

Clock 12 Basic

bx bx-clock-12

Package: Boxicons
Category: Basic
Code Point: f315

clock 12 basic

Clock 2 Basic

bx bx-clock-2

Package: Boxicons
Category: Basic
Code Point: f316

clock 2 basic

Clock 3 Basic

bx bx-clock-3

Package: Boxicons
Category: Basic
Code Point: f317

clock 3 basic

Clock 4 Basic

bx bx-clock-4

Package: Boxicons
Category: Basic
Code Point: f318

clock 4 basic

Clock 5 Basic

bx bx-clock-5

Package: Boxicons
Category: Basic
Code Point: f319

clock 5 basic

Clock 6 Basic

bx bx-clock-6

Package: Boxicons
Category: Basic
Code Point: f31a

clock 6 basic

Clock 7 Basic

bx bx-clock-7

Package: Boxicons
Category: Basic
Code Point: f31b

clock 7 basic

Clock 8 Basic

bx bx-clock-8

Package: Boxicons
Category: Basic
Code Point: f31c

clock 8 basic

Clock 9 Basic

bx bx-clock-9

Package: Boxicons
Category: Basic
Code Point: f31d

clock 9 basic

Clock Basic

bx bx-clock

Package: Boxicons
Category: Basic
Code Point: f31f

clock basic

Clock Dashed Half Basic

bx bx-clock-dashed-half

Package: Boxicons
Category: Basic
Code Point: f31e

clock dashed half basic

Cloud Alt Basic

bx bx-cloud-alt

Package: Boxicons
Category: Basic
Code Point: f321

cloud alt basic

Coffee Beans Basic

bx bx-coffee-beans

Package: Boxicons
Category: Basic
Code Point: f331

coffee beans basic

Compare Alt Basic

bx bx-compare-alt

Package: Boxicons
Category: Basic
Code Point: f341

compare alt basic

Copy Minus Basic

bx bx-copy-minus

Package: Boxicons
Category: Basic
Code Point: f351

copy minus basic

Crypto Coin Basic

bx bx-crypto-coin

Package: Boxicons
Category: Basic
Code Point: f361

crypto coin basic

Cursor Cell Basic

bx bx-cursor-cell

Package: Boxicons
Category: Basic
Code Point: f371

cursor cell basic

Department Store Basic

bx bx-department-store

Package: Boxicons
Category: Basic
Code Point: f381

department store basic

Dice 1 Basic

bx bx-dice-1

Package: Boxicons
Category: Basic
Code Point: f38c

dice 1 basic

Dice 6 Basic

bx bx-dice-6

Package: Boxicons
Category: Basic
Code Point: f391

dice 6 basic

Dock Bottom Left Basic

bx bx-dock-bottom-left

Package: Boxicons
Category: Basic
Code Point: f3a1

dock bottom left basic

Dock Top Basic

bx bx-dock-top

Package: Boxicons
Category: Basic
Code Point: f3b1

dock top basic

Dots Vertical Rounded Circle Basic

bx bx-dots-vertical-rounded-circle

Package: Boxicons
Category: Basic
Code Point: f3c1

dots vertical rounded circle

Ear Basic

bx bx-ear

Package: Boxicons
Category: Basic
Code Point: f3d1

ear basic

Enterprise Basic

bx bx-enterprise

Package: Boxicons
Category: Basic
Code Point: f3e1

enterprise basic

Extension Basic

bx bx-extension

Package: Boxicons
Category: Basic
Code Point: f3f1

extension basic

Fast Forward Circle Basic

bx bx-fast-forward-circle

Package: Boxicons
Category: Basic
Code Point: f401

fast forward circle basic

File Basic

bx bx-file

Package: Boxicons
Category: Basic
Code Point: f413

file basic

File Star Basic

bx bx-file-star

Package: Boxicons
Category: Basic
Code Point: f410

file star basic

File X Basic

bx bx-file-x

Package: Boxicons
Category: Basic
Code Point: f411

file x basic

File Zip Basic

bx bx-file-zip

Package: Boxicons
Category: Basic
Code Point: f412

file zip basic

Film Basic

bx bx-film

Package: Boxicons
Category: Basic
Code Point: f416

film basic

Film Roll Alt Basic

bx bx-film-roll-alt

Package: Boxicons
Category: Basic
Code Point: f414

film roll alt basic

Film Roll Basic

bx bx-film-roll

Package: Boxicons
Category: Basic
Code Point: f415

film roll basic

Filter Basic

bx bx-filter

Package: Boxicons
Category: Basic
Code Point: f417

filter basic

Finger Down Basic

bx bx-finger-down

Package: Boxicons
Category: Basic
Code Point: f418

finger down basic

Finger Left Basic

bx bx-finger-left

Package: Boxicons
Category: Basic
Code Point: f419

finger left basic

Finger Right Basic

bx bx-finger-right

Package: Boxicons
Category: Basic
Code Point: f41a

finger right basic

Finger Swipe Down Basic

bx bx-finger-swipe-down

Package: Boxicons
Category: Basic
Code Point: f41b

finger swipe down basic

Finger Swipe Left Basic

bx bx-finger-swipe-left

Package: Boxicons
Category: Basic
Code Point: f41c

finger swipe left basic

Finger Swipe Right Basic

bx bx-finger-swipe-right

Package: Boxicons
Category: Basic
Code Point: f41d

finger swipe right basic

Finger Swipe Up Basic

bx bx-finger-swipe-up

Package: Boxicons
Category: Basic
Code Point: f41e

finger swipe up basic

Finger Touch Basic

bx bx-finger-touch

Package: Boxicons
Category: Basic
Code Point: f41f

finger touch basic

Fingerprint Basic

bx bx-fingerprint

Package: Boxicons
Category: Basic
Code Point: f421

fingerprint 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

1,207 icons