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.

Arrow Out Up Left Circle Filled

bxf bx-arrow-out-up-left-circle

Package: Boxicons
Category: Filled
Code Point: f194

arrow out up left

Arrow Right Filled

bxf bx-arrow-right

Package: Boxicons
Category: Filled
Code Point: f1a4

arrow right filled

Arrow Up Left Circle Filled

bxf bx-arrow-up-left-circle

Package: Boxicons
Category: Filled
Code Point: f1b4

arrow up left circle

Arrow Up Stroke Filled

bxf bx-arrow-up-stroke

Package: Boxicons
Category: Filled
Code Point: f1c4

arrow up stroke filled

Bacteria Filled

bxf bx-bacteria

Package: Boxicons
Category: Filled
Code Point: f1d4

bacteria filled

Barcode Filled

bxf bx-barcode

Package: Boxicons
Category: Filled
Code Point: f1e4

barcode filled

Bear Filled

bxf bx-bear

Package: Boxicons
Category: Filled
Code Point: f1f4

bear filled

Biceps Filled

bxf bx-biceps

Package: Boxicons
Category: Filled
Code Point: f204

biceps filled

Bolt Alt Filled

bxf bx-bolt-alt

Package: Boxicons
Category: Filled
Code Point: f214

bolt alt filled

Bookmark Heart Filled

bxf bx-bookmark-heart

Package: Boxicons
Category: Filled
Code Point: f224

bookmark heart filled

Border Outer Filled

bxf bx-border-outer

Package: Boxicons
Category: Filled
Code Point: f234

border outer filled

Box Alt Filled

bxf bx-box-alt

Package: Boxicons
Category: Filled
Code Point: f240

box alt filled

Box Filled

bxf bx-box

Package: Boxicons
Category: Filled
Code Point: f241

box filled

Bracket Curly Filled

bxf bx-bracket-curly

Package: Boxicons
Category: Filled
Code Point: f242

bracket curly filled

Bracket Filled

bxf bx-bracket

Package: Boxicons
Category: Filled
Code Point: f244

bracket filled

Bracket Round Filled

bxf bx-bracket-round

Package: Boxicons
Category: Filled
Code Point: f243

bracket round filled

Braille Filled

bxf bx-braille

Package: Boxicons
Category: Filled
Code Point: f245

braille filled

Brain Circuit Filled

bxf bx-brain-circuit

Package: Boxicons
Category: Filled
Code Point: f246

brain circuit filled

Brain Filled

bxf bx-brain

Package: Boxicons
Category: Filled
Code Point: f247

brain filled

Bread Filled

bxf bx-bread

Package: Boxicons
Category: Filled
Code Point: f248

bread filled

Brick Filled

bxf bx-brick

Package: Boxicons
Category: Filled
Code Point: f249

brick filled

Bridge Filled

bxf bx-bridge

Package: Boxicons
Category: Filled
Code Point: f24a

bridge filled

Briefcase Alt 2 Filled

bxf bx-briefcase-alt-2

Package: Boxicons
Category: Filled
Code Point: f24b

briefcase alt 2 filled

Briefcase Alt Filled

bxf bx-briefcase-alt

Package: Boxicons
Category: Filled
Code Point: f24c

briefcase alt filled

Briefcase Filled

bxf bx-briefcase

Package: Boxicons
Category: Filled
Code Point: f24d

briefcase filled

Brightness Filled

bxf bx-brightness

Package: Boxicons
Category: Filled
Code Point: f24f

brightness filled

Brightness Half Filled

bxf bx-brightness-half

Package: Boxicons
Category: Filled
Code Point: f24e

brightness half filled

Brush Sparkles Filled

bxf bx-brush-sparkles

Package: Boxicons
Category: Filled
Code Point: f254

brush sparkles filled

Business Filled

bxf bx-business

Package: Boxicons
Category: Filled
Code Point: f264

business filled

Calendar Minus Filled

bxf bx-calendar-minus

Package: Boxicons
Category: Filled
Code Point: f274

calendar minus filled

Camera Switch Filled

bxf bx-camera-switch

Package: Boxicons
Category: Filled
Code Point: f284

camera switch filled

Car Filled

bxf bx-car

Package: Boxicons
Category: Filled
Code Point: f294

car filled

Caret Right Circle Filled

bxf bx-caret-right-circle

Package: Boxicons
Category: Filled
Code Point: f2a4

caret right circle filled

Cart X Filled

bxf bx-cart-x

Package: Boxicons
Category: Filled
Code Point: f2b4

cart x filled

Chart Bubble Filled

bxf bx-chart-bubble

Package: Boxicons
Category: Filled
Code Point: f2c4

chart bubble filled

Checkbox Square Filled

bxf bx-checkbox-square

Package: Boxicons
Category: Filled
Code Point: f2d4

checkbox square filled

Chevron Down Filled

bxf bx-chevron-down

Package: Boxicons
Category: Filled
Code Point: f2e4

chevron down filled

Chevrons Up Down Filled

bxf bx-chevrons-up-down

Package: Boxicons
Category: Filled
Code Point: f2f4

chevrons up down filled

Circle Three Quarter Filled

bxf bx-circle-three-quarter

Package: Boxicons
Category: Filled
Code Point: f304

circle three quarter filled

Clock 11 Filled

bxf bx-clock-11

Package: Boxicons
Category: Filled
Code Point: f314

clock 11 filled

Clock 4 Filled

bxf bx-clock-4

Package: Boxicons
Category: Filled
Code Point: f318

clock 4 filled

Cloud Lightning Filled

bxf bx-cloud-lightning

Package: Boxicons
Category: Filled
Code Point: f324

cloud lightning filled

Cog Filled

bxf bx-cog

Package: Boxicons
Category: Filled
Code Point: f334

cog filled

Columns 4 Filled

bxf bx-columns-4

Package: Boxicons
Category: Filled
Code Point: f33c

columns 4 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

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

974 icons