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.

Cocktail Filled

bxf bx-cocktail

Package: Boxicons
Category: Filled
Code Point: f32e

cocktail filled

Code Alt Filled

bxf bx-code-alt

Package: Boxicons
Category: Filled
Code Point: f32f

code alt filled

Code Filled

bxf bx-code

Package: Boxicons
Category: Filled
Code Point: f330

code filled

Coffee Beans Filled

bxf bx-coffee-beans

Package: Boxicons
Category: Filled
Code Point: f331

coffee beans filled

Coffee Cup Filled

bxf bx-coffee-cup

Package: Boxicons
Category: Filled
Code Point: f332

coffee cup filled

Coffee Filled

bxf bx-coffee

Package: Boxicons
Category: Filled
Code Point: f333

coffee filled

Cog Filled

bxf bx-cog

Package: Boxicons
Category: Filled
Code Point: f334

cog filled

Cognition Filled

bxf bx-cognition

Package: Boxicons
Category: Filled
Code Point: f335

cognition filled

Coin Filled

bxf bx-coin

Package: Boxicons
Category: Filled
Code Point: f336

coin 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

Color Fill Filled

bxf bx-color-fill

Package: Boxicons
Category: Filled
Code Point: f339

color fill filled

Color Wheel Filled

bxf bx-color-wheel

Package: Boxicons
Category: Filled
Code Point: f33a

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

Comic Bubble Filled

bxf bx-comic-bubble

Package: Boxicons
Category: Filled
Code Point: f33e

comic bubble filled

Command Filled

bxf bx-command

Package: Boxicons
Category: Filled
Code Point: f33f

command filled

Community Filled

bxf bx-community

Package: Boxicons
Category: Filled
Code Point: f340

community filled

Compare Alt Filled

bxf bx-compare-alt

Package: Boxicons
Category: Filled
Code Point: f341

compare alt filled

Compare Filled

bxf bx-compare

Package: Boxicons
Category: Filled
Code Point: f342

compare 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

Component Filled

bxf bx-component

Package: Boxicons
Category: Filled
Code Point: f345

component filled

Computer Filled

bxf bx-computer

Package: Boxicons
Category: Filled
Code Point: f347

computer filled

Computer Retro Filled

bxf bx-computer-retro

Package: Boxicons
Category: Filled
Code Point: f346

computer retro filled

Confused Filled

bxf bx-confused

Package: Boxicons
Category: Filled
Code Point: f348

confused filled

Connector Filled

bxf bx-connector

Package: Boxicons
Category: Filled
Code Point: f349

connector filled

Contact Book Filled

bxf bx-contact-book

Package: Boxicons
Category: Filled
Code Point: f34a

contact book filled

Container Filled

bxf bx-container

Package: Boxicons
Category: Filled
Code Point: f34b

container filled

Contrast Filled

bxf bx-contrast

Package: Boxicons
Category: Filled
Code Point: f34c

contrast filled

Cookie Filled

bxf bx-cookie

Package: Boxicons
Category: Filled
Code Point: f34d

cookie filled

Cool Filled

bxf bx-cool

Package: Boxicons
Category: Filled
Code Point: f34e

cool filled

Copy Check Filled

bxf bx-copy-check

Package: Boxicons
Category: Filled
Code Point: f34f

copy check filled

Copy Filled

bxf bx-copy

Package: Boxicons
Category: Filled
Code Point: f354

copy 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

Copy X Filled

bxf bx-copy-x

Package: Boxicons
Category: Filled
Code Point: f353

copy x filled

Copyright Filled

bxf bx-copyright

Package: Boxicons
Category: Filled
Code Point: f355

Core Filled

bxf bx-core

Package: Boxicons
Category: Filled
Code Point: f356

core filled

Couch Filled

bxf bx-couch

Package: Boxicons
Category: Filled
Code Point: f357

couch filled

Credit Card Alt Filled

bxf bx-credit-card-alt

Package: Boxicons
Category: Filled
Code Point: f358

credit card alt filled

Credit Card Filled

bxf bx-credit-card

Package: Boxicons
Category: Filled
Code Point: f35b

credit card filled

Credit Card Front Filled

bxf bx-credit-card-front

Package: Boxicons
Category: Filled
Code Point: f359

credit card front filled

Credit Card Insert Filled

bxf bx-credit-card-insert

Package: Boxicons
Category: Filled
Code Point: f35a

credit card insert filled

Cricket Ball Filled

bxf bx-cricket-ball

Package: Boxicons
Category: Filled
Code Point: f35c

cricket ball filled

Crop Filled

bxf bx-crop

Package: Boxicons
Category: Filled
Code Point: f35d

crop 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

4,063 icons