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.

Blocks Filled

bxf bx-blocks

Package: Boxicons
Category: Filled
Code Point: f20e

blocks filled

Bluetooth Filled

bxf bx-bluetooth

Package: Boxicons
Category: Filled
Code Point: f20f

bluetooth filled

Blur Alt Filled

bxf bx-blur-alt

Package: Boxicons
Category: Filled
Code Point: f210

blur alt filled

Blur Filled

bxf bx-blur

Package: Boxicons
Category: Filled
Code Point: f211

blur filled

Body Filled

bxf bx-body

Package: Boxicons
Category: Filled
Code Point: f212

body filled

Bold Filled

bxf bx-bold

Package: Boxicons
Category: Filled
Code Point: f213

bold filled

Bolt Alt Filled

bxf bx-bolt-alt

Package: Boxicons
Category: Filled
Code Point: f214

bolt alt filled

Bolt Circle Filled

bxf bx-bolt-circle

Package: Boxicons
Category: Filled
Code Point: f215

bolt circle filled

Bolt Filled

bxf bx-bolt

Package: Boxicons
Category: Filled
Code Point: f217

bolt filled

Bolt Square Filled

bxf bx-bolt-square

Package: Boxicons
Category: Filled
Code Point: f216

bolt square filled

Bomb Filled

bxf bx-bomb

Package: Boxicons
Category: Filled
Code Point: f218

bomb filled

Bone Filled

bxf bx-bone

Package: Boxicons
Category: Filled
Code Point: f219

bone filled

Bong Filled

bxf bx-bong

Package: Boxicons
Category: Filled
Code Point: f21a

bong filled

Book Add Filled

bxf bx-book-add

Package: Boxicons
Category: Filled
Code Point: f21b

book add filled

Book Alt Filled

bxf bx-book-alt

Package: Boxicons
Category: Filled
Code Point: f21c

book alt filled

Book Bookmark Filled

bxf bx-book-bookmark

Package: Boxicons
Category: Filled
Code Point: f21d

book bookmark filled

Book Content Filled

bxf bx-book-content

Package: Boxicons
Category: Filled
Code Point: f21e

book content filled

Book Filled

bxf bx-book

Package: Boxicons
Category: Filled
Code Point: f222

book filled

Book Heart Filled

bxf bx-book-heart

Package: Boxicons
Category: Filled
Code Point: f21f

book heart filled

Book Library Filled

bxf bx-book-library

Package: Boxicons
Category: Filled
Code Point: f220

book library filled

Book Open Filled

bxf bx-book-open

Package: Boxicons
Category: Filled
Code Point: f221

book open filled

Bookmark Alt Filled

bxf bx-bookmark-alt

Package: Boxicons
Category: Filled
Code Point: f223

bookmark alt filled

Bookmark Filled

bxf bx-bookmark

Package: Boxicons
Category: Filled
Code Point: f22b

bookmark filled

Bookmark Heart Filled

bxf bx-bookmark-heart

Package: Boxicons
Category: Filled
Code Point: f224

bookmark heart filled

Bookmark Minus Alt Filled

bxf bx-bookmark-minus-alt

Package: Boxicons
Category: Filled
Code Point: f225

bookmark minus alt filled

Bookmark Minus Filled

bxf bx-bookmark-minus

Package: Boxicons
Category: Filled
Code Point: f226

bookmark minus filled

Bookmark Plus Alt Filled

bxf bx-bookmark-plus-alt

Package: Boxicons
Category: Filled
Code Point: f227

bookmark plus alt filled

Bookmark Plus Filled

bxf bx-bookmark-plus

Package: Boxicons
Category: Filled
Code Point: f228

bookmark plus filled

Bookmark Star Filled

bxf bx-bookmark-star

Package: Boxicons
Category: Filled
Code Point: f229

bookmark star filled

Bookmark X Filled

bxf bx-bookmark-x

Package: Boxicons
Category: Filled
Code Point: f22a

bookmark x filled

Bookmarks Filled

bxf bx-bookmarks

Package: Boxicons
Category: Filled
Code Point: f22c

bookmarks filled

Boombox Filled

bxf bx-boombox

Package: Boxicons
Category: Filled
Code Point: f22d

boombox filled

Boot Filled

bxf bx-boot

Package: Boxicons
Category: Filled
Code Point: f22e

boot filled

Border All Filled

bxf bx-border-all

Package: Boxicons
Category: Filled
Code Point: f22f

border all filled

Border Bottom Filled

bxf bx-border-bottom

Package: Boxicons
Category: Filled
Code Point: f230

border bottom filled

Border Inner Filled

bxf bx-border-inner

Package: Boxicons
Category: Filled
Code Point: f231

border inner filled

Border Left Filled

bxf bx-border-left

Package: Boxicons
Category: Filled
Code Point: f232

border left filled

Border None Filled

bxf bx-border-none

Package: Boxicons
Category: Filled
Code Point: f233

border none filled

Border Outer Filled

bxf bx-border-outer

Package: Boxicons
Category: Filled
Code Point: f234

border outer filled

Border Radius Filled

bxf bx-border-radius

Package: Boxicons
Category: Filled
Code Point: f235

border radius filled

Border Right Filled

bxf bx-border-right

Package: Boxicons
Category: Filled
Code Point: f236

border right filled

Border Top Filled

bxf bx-border-top

Package: Boxicons
Category: Filled
Code Point: f237

border top filled

Bow Filled

bxf bx-bow

Package: Boxicons
Category: Filled
Code Point: f238

bow filled

Bowl Balls Filled

bxf bx-bowl-balls

Package: Boxicons
Category: Filled
Code Point: f239

bowl balls filled

Bowl Bubbles Filled

bxf bx-bowl-bubbles

Package: Boxicons
Category: Filled
Code Point: f23a

bowl bubbles filled

Bowl Hot Filled

bxf bx-bowl-hot

Package: Boxicons
Category: Filled
Code Point: f23b

bowl hot filled

Bowl Noodles Alt Filled

bxf bx-bowl-noodles-alt

Package: Boxicons
Category: Filled
Code Point: f23c

bowl noodles alt filled

Bowl Noodles Filled

bxf bx-bowl-noodles

Package: Boxicons
Category: Filled
Code Point: f23d

bowl noodles 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