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.

Lock Filled

bxf bx-lock

Package: Boxicons
Category: Filled
Code Point: f548

lock filled

Lock Keyhole Filled

bxf bx-lock-keyhole

Package: Boxicons
Category: Filled
Code Point: f545

lock keyhole 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

Lotion Filled

bxf bx-lotion

Package: Boxicons
Category: Filled
Code Point: f549

lotion filled

Low Vision Filled

bxf bx-low-vision

Package: Boxicons
Category: Filled
Code Point: f54a

low vision filled

Lowercase Filled

bxf bx-lowercase

Package: Boxicons
Category: Filled
Code Point: f54b

lowercase filled

Luggage Filled

bxf bx-luggage

Package: Boxicons
Category: Filled
Code Point: f54c

luggage filled

Lungs Filled

bxf bx-lungs

Package: Boxicons
Category: Filled
Code Point: f54d

lungs filled

Magic Wand Filled

bxf bx-magic-wand

Package: Boxicons
Category: Filled
Code Point: f54e

magic wand filled

Magnet Filled

bxf bx-magnet

Package: Boxicons
Category: Filled
Code Point: f54f

magnet filled

Map Filled

bxf bx-map

Package: Boxicons
Category: Filled
Code Point: f554

map filled

Medal Filled

bxf bx-medal

Package: Boxicons
Category: Filled
Code Point: f564

medal filled

Menu Select Filled

bxf bx-menu-select

Package: Boxicons
Category: Filled
Code Point: f574

menu select filled

Message Bubble Minus Filled

bxf bx-message-bubble-minus

Package: Boxicons
Category: Filled
Code Point: f584

message bubble minus filled

Message Circle Edit Filled

bxf bx-message-circle-edit

Package: Boxicons
Category: Filled
Code Point: f594

message circle edit filled

Message Edit Filled

bxf bx-message-edit

Package: Boxicons
Category: Filled
Code Point: f5a4

message edit filled

Microphone Big Alt Filled

bxf bx-microphone-big-alt

Package: Boxicons
Category: Filled
Code Point: f5b4

microphone big alt filled

Mobile Back Alt Filled

bxf bx-mobile-back-alt

Package: Boxicons
Category: Filled
Code Point: f5c4

mobile back alt filled

Moon Phase 4 Filled

bxf bx-moon-phase-4

Package: Boxicons
Category: Filled
Code Point: f5d0

moon phase 4 filled

Moon Stars Filled

bxf bx-moon-stars

Package: Boxicons
Category: Filled
Code Point: f5d4

moon stars filled

Move Filled

bxf bx-move

Package: Boxicons
Category: Filled
Code Point: f5e4

move filled

Not Equal Filled

bxf bx-not-equal

Package: Boxicons
Category: Filled
Code Point: f5f4

not equal filled

Owl Filled

bxf bx-owl

Package: Boxicons
Category: Filled
Code Point: f604

owl filled

Paste Filled

bxf bx-paste

Package: Boxicons
Category: Filled
Code Point: f614

paste filled

Pencil Sparkles Filled

bxf bx-pencil-sparkles

Package: Boxicons
Category: Filled
Code Point: f624

pencil sparkles filled

Phone Plus Filled

bxf bx-phone-plus

Package: Boxicons
Category: Filled
Code Point: f634

phone plus filled

Pie Chart Alt 2 Filled

bxf bx-pie-chart-alt-2

Package: Boxicons
Category: Filled
Code Point: f640

pie chart alt 2

Pie Chart Alt Filled

bxf bx-pie-chart-alt

Package: Boxicons
Category: Filled
Code Point: f641

pie chart alt filled

Pie Chart Filled

bxf bx-pie-chart

Package: Boxicons
Category: Filled
Code Point: f642

pie chart filled

Piggy Bank Filled

bxf bx-piggy-bank

Package: Boxicons
Category: Filled
Code Point: f643

piggy bank filled

Pill Bottle Alt Filled

bxf bx-pill-bottle-alt

Package: Boxicons
Category: Filled
Code Point: f644

pill bottle alt filled

Pill Bottle Filled

bxf bx-pill-bottle

Package: Boxicons
Category: Filled
Code Point: f645

pill bottle filled

Pill Filled

bxf bx-pill

Package: Boxicons
Category: Filled
Code Point: f646

pill filled

Pin Alt Filled

bxf bx-pin-alt

Package: Boxicons
Category: Filled
Code Point: f647

pin alt filled

Pin Filled

bxf bx-pin

Package: Boxicons
Category: Filled
Code Point: f649

pin filled

Pin Slash Alt Filled

bxf bx-pin-slash-alt

Package: Boxicons
Category: Filled
Code Point: f648

pin slash alt filled

Pizza Alt Filled

bxf bx-pizza-alt

Package: Boxicons
Category: Filled
Code Point: f64a

pizza alt filled

Pizza Filled

bxf bx-pizza

Package: Boxicons
Category: Filled
Code Point: f64b

pizza filled

Plane Alt Filled

bxf bx-plane-alt

Package: Boxicons
Category: Filled
Code Point: f64c

plane alt filled

Plane Filled

bxf bx-plane

Package: Boxicons
Category: Filled
Code Point: f64f

plane filled

Plane Land Filled

bxf bx-plane-land

Package: Boxicons
Category: Filled
Code Point: f64d

plane land filled

Plane Take Off Filled

bxf bx-plane-take-off

Package: Boxicons
Category: Filled
Code Point: f64e

plane take off filled

Play Filled

bxf bx-play

Package: Boxicons
Category: Filled
Code Point: f654

play filled

Power Filled

bxf bx-power

Package: Boxicons
Category: Filled
Code Point: f664

power filled

Quote Left Alt Filled

bxf bx-quote-left-alt

Package: Boxicons
Category: Filled
Code Point: f674

quote left alt 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