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.

Book Open Basic

bx bx-book-open

Package: Boxicons
Category: Basic
Code Point: f221

book open basic

Cursor Pen Basic

bx bx-cursor-pen

Package: Boxicons
Category: Basic
Code Point: f375

cursor pen basic

Door Open Alt Basic

bx bx-door-open-alt

Package: Boxicons
Category: Basic
Code Point: f3bb

door open alt basic

Door Open Basic

bx bx-door-open

Package: Boxicons
Category: Basic
Code Point: f3bc

door open basic

Envelope Open Basic

bx bx-envelope-open

Package: Boxicons
Category: Basic
Code Point: f3e3

envelope open basic

Folder Open Basic

bx bx-folder-open

Package: Boxicons
Category: Basic
Code Point: f439

folder open basic

Lock Keyhole Open Alt Basic

bx bx-lock-keyhole-open-alt

Package: Boxicons
Category: Basic
Code Point: f543

lock keyhole open alt

Lock Keyhole Open Basic

bx bx-lock-keyhole-open

Package: Boxicons
Category: Basic
Code Point: f544

lock keyhole open basic

Lock Open Alt Basic

bx bx-lock-open-alt

Package: Boxicons
Category: Basic
Code Point: f546

lock open alt basic

Lock Open Basic

bx bx-lock-open

Package: Boxicons
Category: Basic
Code Point: f547

lock open basic

Mail Open Basic

bx bx-mail-open

Package: Boxicons
Category: Basic
Code Point: f550

mail open basic

Pen Alt Basic

bx bx-pen-alt

Package: Boxicons
Category: Basic
Code Point: f61a

pen alt basic

Pen Basic

bx bx-pen

Package: Boxicons
Category: Basic
Code Point: f620

pen basic

Pen Draw Basic

bx bx-pen-draw

Package: Boxicons
Category: Basic
Code Point: f61b

pen draw basic

Pen Edit Circle Alt Basic

bx bx-pen-edit-circle-alt

Package: Boxicons
Category: Basic
Code Point: f61c

pen edit circle alt

Pen Edit Circle Basic

bx bx-pen-edit-circle

Package: Boxicons
Category: Basic
Code Point: f61d

pen edit circle basic

Pen Minus Basic

bx bx-pen-minus

Package: Boxicons
Category: Basic
Code Point: f61e

pen minus basic

Pen Plus Basic

bx bx-pen-plus

Package: Boxicons
Category: Basic
Code Point: f61f

pen plus basic

Pencil Basic

bx bx-pencil

Package: Boxicons
Category: Basic
Code Point: f626

pencil basic

Pencil Circle Basic

bx bx-pencil-circle

Package: Boxicons
Category: Basic
Code Point: f621

pencil circle basic

Pencil Draw Basic

bx bx-pencil-draw

Package: Boxicons
Category: Basic
Code Point: f622

pencil draw basic

Pencil Edit Circle Basic

bx bx-pencil-edit-circle

Package: Boxicons
Category: Basic
Code Point: f623

pencil edit circle basic

Pencil Sparkles Basic

bx bx-pencil-sparkles

Package: Boxicons
Category: Basic
Code Point: f624

pencil sparkles basic

Pencil Square Basic

bx bx-pencil-square

Package: Boxicons
Category: Basic
Code Point: f625

pencil square basic

Pentagon Basic

bx bx-pentagon

Package: Boxicons
Category: Basic
Code Point: f627

pentagon basic

Perpendicular Basic

bx bx-perpendicular

Package: Boxicons
Category: Basic
Code Point: f62c

perpendicular basic

Stroke Pen Basic

bx bx-stroke-pen

Package: Boxicons
Category: Basic
Code Point: f770

stroke pen basic

Codepen Brands

bxl bx-codepen

Package: Boxicons
Category: Brands
Code Point: f12e

codepen brands

Openai Brands

bxl bx-openai

Package: Boxicons
Category: Brands
Code Point: f1b5

openai brands

Opensea Brands

bxl bx-opensea

Package: Boxicons
Category: Brands
Code Point: f1b6

opensea brands

Book Open Filled

bxf bx-book-open

Package: Boxicons
Category: Filled
Code Point: f221

book open filled

Cursor Pen Filled

bxf bx-cursor-pen

Package: Boxicons
Category: Filled
Code Point: f375

cursor pen 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

Envelope Open Filled

bxf bx-envelope-open

Package: Boxicons
Category: Filled
Code Point: f3e3

envelope open filled

Folder Open Filled

bxf bx-folder-open

Package: Boxicons
Category: Filled
Code Point: f439

folder open filled

Lock Keyhole Open Alt Filled

bxf bx-lock-keyhole-open-alt

Package: Boxicons
Category: Filled
Code Point: f543

lock keyhole open alt

Lock Keyhole Open Filled

bxf bx-lock-keyhole-open

Package: Boxicons
Category: Filled
Code Point: f544

lock keyhole open filled

Lock Open Alt Filled

bxf bx-lock-open-alt

Package: Boxicons
Category: Filled
Code Point: f546

lock open alt filled

Lock Open Filled

bxf bx-lock-open

Package: Boxicons
Category: Filled
Code Point: f547

lock open filled

Mail Open Filled

bxf bx-mail-open

Package: Boxicons
Category: Filled
Code Point: f550

mail open filled

Pen Alt Filled

bxf bx-pen-alt

Package: Boxicons
Category: Filled
Code Point: f61a

pen alt filled

Pen Draw Filled

bxf bx-pen-draw

Package: Boxicons
Category: Filled
Code Point: f61b

pen draw filled

Pen Edit Circle Alt Filled

bxf bx-pen-edit-circle-alt

Package: Boxicons
Category: Filled
Code Point: f61c

pen edit circle alt

Pen Edit Circle Filled

bxf bx-pen-edit-circle

Package: Boxicons
Category: Filled
Code Point: f61d

pen edit circle filled

Pen Filled

bxf bx-pen

Package: Boxicons
Category: Filled
Code Point: f620

pen filled

Pen Minus Filled

bxf bx-pen-minus

Package: Boxicons
Category: Filled
Code Point: f61e

pen minus filled

Pen Plus Filled

bxf bx-pen-plus

Package: Boxicons
Category: Filled
Code Point: f61f

pen plus 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

57 icons