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.

Circle Quarter Basic

bx bx-circle-quarter

Package: Boxicons
Category: Basic
Code Point: f302

circle quarter basic

Clock 1 Basic

bx bx-clock-1

Package: Boxicons
Category: Basic
Code Point: f312

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

Cloud Alt 2 Basic

bx bx-cloud-alt-2

Package: Boxicons
Category: Basic
Code Point: f320

cloud alt 2 basic

Cloud Alt Basic

bx bx-cloud-alt

Package: Boxicons
Category: Basic
Code Point: f321

cloud alt basic

Cloud Basic

bx bx-cloud

Package: Boxicons
Category: Basic
Code Point: f32b

cloud basic

Cloud Drizzle Basic

bx bx-cloud-drizzle

Package: Boxicons
Category: Basic
Code Point: f322

cloud drizzle basic

Cloud Fog Basic

bx bx-cloud-fog

Package: Boxicons
Category: Basic
Code Point: f323

cloud fog basic

Cloud Lightning Basic

bx bx-cloud-lightning

Package: Boxicons
Category: Basic
Code Point: f324

cloud lightning basic

Cloud Moon Basic

bx bx-cloud-moon

Package: Boxicons
Category: Basic
Code Point: f325

cloud moon basic

Cloud Rain Basic

bx bx-cloud-rain

Package: Boxicons
Category: Basic
Code Point: f328

cloud rain basic

Cloud Rain Wind Alt Basic

bx bx-cloud-rain-wind-alt

Package: Boxicons
Category: Basic
Code Point: f326

cloud rain wind alt

Cloud Rain Wind Basic

bx bx-cloud-rain-wind

Package: Boxicons
Category: Basic
Code Point: f327

cloud rain wind basic

Cloud Snow Basic

bx bx-cloud-snow

Package: Boxicons
Category: Basic
Code Point: f329

cloud snow basic

Cloud Sun Basic

bx bx-cloud-sun

Package: Boxicons
Category: Basic
Code Point: f32a

cloud sun basic

Clover Basic

bx bx-clover

Package: Boxicons
Category: Basic
Code Point: f32c

clover basic

Club Basic

bx bx-club

Package: Boxicons
Category: Basic
Code Point: f32d

club basic

Cocktail Basic

bx bx-cocktail

Package: Boxicons
Category: Basic
Code Point: f32e

cocktail basic

Code Alt Basic

bx bx-code-alt

Package: Boxicons
Category: Basic
Code Point: f32f

code alt basic

Coffee Cup Basic

bx bx-coffee-cup

Package: Boxicons
Category: Basic
Code Point: f332

coffee cup basic

Compare Basic

bx bx-compare

Package: Boxicons
Category: Basic
Code Point: f342

compare basic

Copy Plus Basic

bx bx-copy-plus

Package: Boxicons
Category: Basic
Code Point: f352

copy plus basic

Crypto Basic

bx bx-crypto

Package: Boxicons
Category: Basic
Code Point: f362

crypto basic

Cursor Click Basic

bx bx-cursor-click

Package: Boxicons
Category: Basic
Code Point: f372

cursor click basic

Desert Basic

bx bx-desert

Package: Boxicons
Category: Basic
Code Point: f382

desert basic

Dice 2 Basic

bx bx-dice-2

Package: Boxicons
Category: Basic
Code Point: f38d

dice 2 basic

Dice Roll Basic

bx bx-dice-roll

Package: Boxicons
Category: Basic
Code Point: f392

dice roll basic

Dock Bottom Right Alt Basic

bx bx-dock-bottom-right-alt

Package: Boxicons
Category: Basic
Code Point: f3a2

dock bottom right alt

Dog Alt Basic

bx bx-dog-alt

Package: Boxicons
Category: Basic
Code Point: f3b2

dog alt basic

Dots Vertical Rounded Basic

bx bx-dots-vertical-rounded

Package: Boxicons
Category: Basic
Code Point: f3c2

dots vertical rounded basic

Earbuds Basic

bx bx-earbuds

Package: Boxicons
Category: Basic
Code Point: f3d2

earbuds basic

Envelope Alt Basic

bx bx-envelope-alt

Package: Boxicons
Category: Basic
Code Point: f3e2

envelope alt basic

Eye Alt Basic

bx bx-eye-alt

Package: Boxicons
Category: Basic
Code Point: f3f2

eye alt basic

Face Alt 2 Basic

bx bx-face-alt-2

Package: Boxicons
Category: Basic
Code Point: f3f8

face alt 2 basic

Fast Forward Basic

bx bx-fast-forward

Package: Boxicons
Category: Basic
Code Point: f402

fast forward basic

File Zip Basic

bx bx-file-zip

Package: Boxicons
Category: Basic
Code Point: f412

file zip basic

Finger Up Basic

bx bx-finger-up

Package: Boxicons
Category: Basic
Code Point: f420

finger up basic

Fingerprint Basic

bx bx-fingerprint

Package: Boxicons
Category: Basic
Code Point: f421

fingerprint basic

Fire Alt Basic

bx bx-fire-alt

Package: Boxicons
Category: Basic
Code Point: f422

fire alt basic

Fire Basic

bx bx-fire

Package: Boxicons
Category: Basic
Code Point: f424

fire basic

Fire Extinguisher Basic

bx bx-fire-extinguisher

Package: Boxicons
Category: Basic
Code Point: f423

fire extinguisher basic

First Basic

bx bx-first

Package: Boxicons
Category: Basic
Code Point: f425

first basic

Fish Alt Basic

bx bx-fish-alt

Package: Boxicons
Category: Basic
Code Point: f426

fish alt basic

Fish Basic

bx bx-fish

Package: Boxicons
Category: Basic
Code Point: f427

fish basic

Flag Alt 2 Basic

bx bx-flag-alt-2

Package: Boxicons
Category: Basic
Code Point: f428

flag alt 2 basic

Flag Alt 3 Basic

bx bx-flag-alt-3

Package: Boxicons
Category: Basic
Code Point: f429

flag alt 3 basic

Flag Alt Basic

bx bx-flag-alt

Package: Boxicons
Category: Basic
Code Point: f42a

flag alt 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,053 icons