IP Location.net

Font Icon Library

Boxicons Search

Font Icons
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.
Boxicons

4,063 icons

Matching "b"

Clipboard X Basic

bx bx-clipboard-x

Package
Boxicons
Category
Basic
Code Point
f310

Clock 1 Basic

bx bx-clock-1

Package
Boxicons
Category
Basic
Code Point
f312

Clock 10 Basic

bx bx-clock-10

Package
Boxicons
Category
Basic
Code Point
f313

Clock 11 Basic

bx bx-clock-11

Package
Boxicons
Category
Basic
Code Point
f314

Clock 12 Basic

bx bx-clock-12

Package
Boxicons
Category
Basic
Code Point
f315

Clock 2 Basic

bx bx-clock-2

Package
Boxicons
Category
Basic
Code Point
f316

Clock 3 Basic

bx bx-clock-3

Package
Boxicons
Category
Basic
Code Point
f317

Clock 4 Basic

bx bx-clock-4

Package
Boxicons
Category
Basic
Code Point
f318

Clock 5 Basic

bx bx-clock-5

Package
Boxicons
Category
Basic
Code Point
f319

Clock 6 Basic

bx bx-clock-6

Package
Boxicons
Category
Basic
Code Point
f31a

Clock 7 Basic

bx bx-clock-7

Package
Boxicons
Category
Basic
Code Point
f31b

Clock 8 Basic

bx bx-clock-8

Package
Boxicons
Category
Basic
Code Point
f31c

Clock 9 Basic

bx bx-clock-9

Package
Boxicons
Category
Basic
Code Point
f31d

Clock Basic

bx bx-clock

Package
Boxicons
Category
Basic
Code Point
f31f

Clock Dashed Half Basic

bx bx-clock-dashed-half

Package
Boxicons
Category
Basic
Code Point
f31e

Cloud Alt 2 Basic

bx bx-cloud-alt-2

Package
Boxicons
Category
Basic
Code Point
f320

Cloud Alt Basic

bx bx-cloud-alt

Package
Boxicons
Category
Basic
Code Point
f321

Cloud Basic

bx bx-cloud

Package
Boxicons
Category
Basic
Code Point
f32b

Cloud Drizzle Basic

bx bx-cloud-drizzle

Package
Boxicons
Category
Basic
Code Point
f322

Cloud Fog Basic

bx bx-cloud-fog

Package
Boxicons
Category
Basic
Code Point
f323

Cloud Lightning Basic

bx bx-cloud-lightning

Package
Boxicons
Category
Basic
Code Point
f324

Cloud Moon Basic

bx bx-cloud-moon

Package
Boxicons
Category
Basic
Code Point
f325

Cloud Rain Basic

bx bx-cloud-rain

Package
Boxicons
Category
Basic
Code Point
f328

Cloud Rain Wind Alt Basic

bx bx-cloud-rain-wind-alt

Package
Boxicons
Category
Basic
Code Point
f326

Cloud Rain Wind Basic

bx bx-cloud-rain-wind

Package
Boxicons
Category
Basic
Code Point
f327

Cloud Snow Basic

bx bx-cloud-snow

Package
Boxicons
Category
Basic
Code Point
f329

Cloud Sun Basic

bx bx-cloud-sun

Package
Boxicons
Category
Basic
Code Point
f32a

Clover Basic

bx bx-clover

Package
Boxicons
Category
Basic
Code Point
f32c

Club Basic

bx bx-club

Package
Boxicons
Category
Basic
Code Point
f32d

Cocktail Basic

bx bx-cocktail

Package
Boxicons
Category
Basic
Code Point
f32e

Code Alt Basic

bx bx-code-alt

Package
Boxicons
Category
Basic
Code Point
f32f

Code Basic

bx bx-code

Package
Boxicons
Category
Basic
Code Point
f330

Coffee Basic

bx bx-coffee

Package
Boxicons
Category
Basic
Code Point
f333

Coffee Beans Basic

bx bx-coffee-beans

Package
Boxicons
Category
Basic
Code Point
f331

Coffee Cup Basic

bx bx-coffee-cup

Package
Boxicons
Category
Basic
Code Point
f332

Cog Basic

bx bx-cog

Package
Boxicons
Category
Basic
Code Point
f334

Cognition Basic

bx bx-cognition

Package
Boxicons
Category
Basic
Code Point
f335

Coin Basic

bx bx-coin

Package
Boxicons
Category
Basic
Code Point
f336

Coins Basic

bx bx-coins

Package
Boxicons
Category
Basic
Code Point
f337

Col Resize Basic

bx bx-col-resize

Package
Boxicons
Category
Basic
Code Point
f338

Color Fill Basic

bx bx-color-fill

Package
Boxicons
Category
Basic
Code Point
f339

Color Wheel Basic

bx bx-color-wheel

Package
Boxicons
Category
Basic
Code Point
f33a

Columns 3 Basic

bx bx-columns-3

Package
Boxicons
Category
Basic
Code Point
f33b

Columns 4 Basic

bx bx-columns-4

Package
Boxicons
Category
Basic
Code Point
f33c

Columns Basic

bx bx-columns

Package
Boxicons
Category
Basic
Code Point
f33d

Comic Bubble Basic

bx bx-comic-bubble

Package
Boxicons
Category
Basic
Code Point
f33e

Command Basic

bx bx-command

Package
Boxicons
Category
Basic
Code Point
f33f

Community Basic

bx bx-community

Package
Boxicons
Category
Basic
Code Point
f340

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.