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.

Dice 3 Filled

bxf bx-dice-3

Package: Boxicons
Category: Filled
Code Point: f38e

dice 3 filled

Dice 4 Filled

bxf bx-dice-4

Package: Boxicons
Category: Filled
Code Point: f38f

dice 4 filled

Dice 5 Filled

bxf bx-dice-5

Package: Boxicons
Category: Filled
Code Point: f390

dice 5 filled

Dice 6 Filled

bxf bx-dice-6

Package: Boxicons
Category: Filled
Code Point: f391

dice 6 filled

Dice Roll Filled

bxf bx-dice-roll

Package: Boxicons
Category: Filled
Code Point: f392

dice roll filled

Dino Filled

bxf bx-dino

Package: Boxicons
Category: Filled
Code Point: f393

dino filled

Directions Filled

bxf bx-directions

Package: Boxicons
Category: Filled
Code Point: f394

directions filled

Disc Filled

bxf bx-disc

Package: Boxicons
Category: Filled
Code Point: f395

disc filled

Discount Filled

bxf bx-discount

Package: Boxicons
Category: Filled
Code Point: f396

discount filled

Discussion Filled

bxf bx-discussion

Package: Boxicons
Category: Filled
Code Point: f397

discussion filled

Dish Filled

bxf bx-dish

Package: Boxicons
Category: Filled
Code Point: f398

dish filled

Dishwasher Filled

bxf bx-dishwasher

Package: Boxicons
Category: Filled
Code Point: f399

dishwasher filled

Dislike Filled

bxf bx-dislike

Package: Boxicons
Category: Filled
Code Point: f39a

dislike filled

Division Filled

bxf bx-division

Package: Boxicons
Category: Filled
Code Point: f39b

division filled

Dizzy Filled

bxf bx-dizzy

Package: Boxicons
Category: Filled
Code Point: f39c

dizzy filled

Dna Filled

bxf bx-dna

Package: Boxicons
Category: Filled
Code Point: f39d

dna filled

Dock Bottom Alt Filled

bxf bx-dock-bottom-alt

Package: Boxicons
Category: Filled
Code Point: f39e

dock bottom alt filled

Dock Bottom Arrow Filled

bxf bx-dock-bottom-arrow

Package: Boxicons
Category: Filled
Code Point: f39f

dock bottom arrow filled

Dock Bottom Filled

bxf bx-dock-bottom

Package: Boxicons
Category: Filled
Code Point: f3a4

dock bottom filled

Dock Bottom Left Alt Filled

bxf bx-dock-bottom-left-alt

Package: Boxicons
Category: Filled
Code Point: f3a0

dock bottom left alt

Dock Bottom Left Filled

bxf bx-dock-bottom-left

Package: Boxicons
Category: Filled
Code Point: f3a1

dock bottom left filled

Dock Bottom Right Alt Filled

bxf bx-dock-bottom-right-alt

Package: Boxicons
Category: Filled
Code Point: f3a2

dock bottom right alt

Dock Bottom Right Filled

bxf bx-dock-bottom-right

Package: Boxicons
Category: Filled
Code Point: f3a3

dock bottom right filled

Dock Left Alt Filled

bxf bx-dock-left-alt

Package: Boxicons
Category: Filled
Code Point: f3a5

dock left alt filled

Dock Left Arrow Filled

bxf bx-dock-left-arrow

Package: Boxicons
Category: Filled
Code Point: f3a6

dock left arrow filled

Dock Left Filled

bxf bx-dock-left

Package: Boxicons
Category: Filled
Code Point: f3a7

dock left filled

Dock Right Alt Filled

bxf bx-dock-right-alt

Package: Boxicons
Category: Filled
Code Point: f3a8

dock right alt filled

Dock Right Arrow Filled

bxf bx-dock-right-arrow

Package: Boxicons
Category: Filled
Code Point: f3a9

dock right arrow filled

Dock Right Filled

bxf bx-dock-right

Package: Boxicons
Category: Filled
Code Point: f3aa

dock right filled

Dock Top Alt Filled

bxf bx-dock-top-alt

Package: Boxicons
Category: Filled
Code Point: f3ab

dock top alt filled

Dock Top Arrow Filled

bxf bx-dock-top-arrow

Package: Boxicons
Category: Filled
Code Point: f3ac

dock top arrow filled

Dock Top Filled

bxf bx-dock-top

Package: Boxicons
Category: Filled
Code Point: f3b1

dock top filled

Dock Top Left Alt Filled

bxf bx-dock-top-left-alt

Package: Boxicons
Category: Filled
Code Point: f3ad

dock top left alt

Dock Top Left Filled

bxf bx-dock-top-left

Package: Boxicons
Category: Filled
Code Point: f3ae

dock top left filled

Dock Top Right Alt Filled

bxf bx-dock-top-right-alt

Package: Boxicons
Category: Filled
Code Point: f3af

dock top right alt

Dock Top Right Filled

bxf bx-dock-top-right

Package: Boxicons
Category: Filled
Code Point: f3b0

dock top right filled

Dog Alt Filled

bxf bx-dog-alt

Package: Boxicons
Category: Filled
Code Point: f3b2

dog alt filled

Dog Body Filled

bxf bx-dog-body

Package: Boxicons
Category: Filled
Code Point: f3b3

dog body filled

Dog Filled

bxf bx-dog

Package: Boxicons
Category: Filled
Code Point: f3b4

dog filled

Dollar Circle Filled

bxf bx-dollar-circle

Package: Boxicons
Category: Filled
Code Point: f3b6

dollar circle filled

Dollar Circle Stars Filled

bxf bx-dollar-circle-stars

Package: Boxicons
Category: Filled
Code Point: f3b5

dollar circle stars filled

Dollar Filled

bxf bx-dollar

Package: Boxicons
Category: Filled
Code Point: f3b7

dollar filled

Donate Blood Filled

bxf bx-donate-blood

Package: Boxicons
Category: Filled
Code Point: f3b8

donate blood filled

Donate Heart Filled

bxf bx-donate-heart

Package: Boxicons
Category: Filled
Code Point: f3b9

donate heart filled

Donut Filled

bxf bx-donut

Package: Boxicons
Category: Filled
Code Point: f3ba

donut filled

Door Filled

bxf bx-door

Package: Boxicons
Category: Filled
Code Point: f3bd

door filled

Door Open Alt Filled

bxf bx-door-open-alt

Package: Boxicons
Category: Filled
Code Point: f3bb

door open alt filled

Door Open Filled

bxf bx-door-open

Package: Boxicons
Category: Filled
Code Point: f3bc

door open 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