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.

Alarm Basic

bx bx-alarm

Package: Boxicons
Category: Basic
Code Point: f111

alarm basic

Alarm Z Basic

bx bx-alarm-z

Package: Boxicons
Category: Basic
Code Point: f110

alarm z basic

Album Covers Basic

bx bx-album-covers

Package: Boxicons
Category: Basic
Code Point: f112

album covers basic

Alert Circle Basic

bx bx-alert-circle

Package: Boxicons
Category: Basic
Code Point: f113

alert circle basic

Alert Octagon Basic

bx bx-alert-octagon

Package: Boxicons
Category: Basic
Code Point: f114

alert octagon basic

Alert Shield Basic

bx bx-alert-shield

Package: Boxicons
Category: Basic
Code Point: f115

alert shield basic

Alert Square Basic

bx bx-alert-square

Package: Boxicons
Category: Basic
Code Point: f116

alert square basic

Alert Triangle Basic

bx bx-alert-triangle

Package: Boxicons
Category: Basic
Code Point: f117

alert triangle basic

Alien Basic

bx bx-alien

Package: Boxicons
Category: Basic
Code Point: f118

alien basic

Align Center Basic

bx bx-align-center

Package: Boxicons
Category: Basic
Code Point: f119

align center basic

Align Horizontal Justify Center Basic

bx bx-align-horizontal-justify-center

Package: Boxicons
Category: Basic
Code Point: f11a

align horizontal justify center

Align Horizontal Justify End Basic

bx bx-align-horizontal-justify-end

Package: Boxicons
Category: Basic
Code Point: f11b

align horizontal justify end

Align Horizontal Justify Start Basic

bx bx-align-horizontal-justify-start

Package: Boxicons
Category: Basic
Code Point: f11c

align horizontal justify start

Align Horizontal Space Between Basic

bx bx-align-horizontal-space-between

Package: Boxicons
Category: Basic
Code Point: f11d

align horizontal space between

Align Justify Basic

bx bx-align-justify

Package: Boxicons
Category: Basic
Code Point: f11e

align justify basic

Align Left Basic

bx bx-align-left

Package: Boxicons
Category: Basic
Code Point: f11f

align left basic

Blur Basic

bx bx-blur

Package: Boxicons
Category: Basic
Code Point: f211

blur basic

Clipboard Basic

bx bx-clipboard

Package: Boxicons
Category: Basic
Code Point: f311

clipboard basic

Clock 11 Basic

bx bx-clock-11

Package: Boxicons
Category: Basic
Code Point: f314

clock 11 basic

File X Basic

bx bx-file-x

Package: Boxicons
Category: Basic
Code Point: f411

file x basic

Layers Down Right Basic

bx bx-layers-down-right

Package: Boxicons
Category: Basic
Code Point: f511

layers down right basic

Parallel Basic

bx bx-parallel

Package: Boxicons
Category: Basic
Code Point: f611

parallel basic

Shocked Basic

bx bx-shocked

Package: Boxicons
Category: Basic
Code Point: f711

shocked basic

Vertical Spacing Basic

bx bx-vertical-spacing

Package: Boxicons
Category: Basic
Code Point: f811

vertical spacing basic

Atlassian Brands

bxl bx-atlassian

Package: Boxicons
Category: Brands
Code Point: f110

atlassian brands

Atom Editor Brands

bxl bx-atom-editor

Package: Boxicons
Category: Brands
Code Point: f111

atom editor brands

Audible Brands

bxl bx-audible

Package: Boxicons
Category: Brands
Code Point: f112

audible brands

Auth0 Brands

bxl bx-auth0

Package: Boxicons
Category: Brands
Code Point: f113

auth0 brands

Autodesk Brands

bxl bx-autodesk

Package: Boxicons
Category: Brands
Code Point: f114

autodesk brands

Aws Brands

bxl bx-aws

Package: Boxicons
Category: Brands
Code Point: f115

aws brands

Baidu Brands

bxl bx-baidu

Package: Boxicons
Category: Brands
Code Point: f116

baidu brands

Bash Brands

bxl bx-bash

Package: Boxicons
Category: Brands
Code Point: f117

bash brands

Behance Brands

bxl bx-behance

Package: Boxicons
Category: Brands
Code Point: f118

behance brands

Better Auth Brands

bxl bx-better-auth

Package: Boxicons
Category: Brands
Code Point: f119

better auth brands

Bing Brands

bxl bx-bing

Package: Boxicons
Category: Brands
Code Point: f11a

bing brands

Bitcoin Logo Brands

bxl bx-bitcoin-logo

Package: Boxicons
Category: Brands
Code Point: f11b

bitcoin logo brands

Blender Brands

bxl bx-blender

Package: Boxicons
Category: Brands
Code Point: f11c

blender brands

Blogger Brands

bxl bx-blogger

Package: Boxicons
Category: Brands
Code Point: f11d

blogger brands

Bluesky Brands

bxl bx-bluesky

Package: Boxicons
Category: Brands
Code Point: f11e

bluesky brands

Bolt B Brands

bxl bx-bolt-b

Package: Boxicons
Category: Brands
Code Point: f11f

bolt b brands

Vuejs Brands

bxl bx-vuejs

Package: Boxicons
Category: Brands
Code Point: f211

vuejs brands

Alarm Filled

bxf bx-alarm

Package: Boxicons
Category: Filled
Code Point: f111

alarm filled

Alarm Z Filled

bxf bx-alarm-z

Package: Boxicons
Category: Filled
Code Point: f110

alarm z filled

Album Covers Filled

bxf bx-album-covers

Package: Boxicons
Category: Filled
Code Point: f112

album covers filled

Alert Circle Filled

bxf bx-alert-circle

Package: Boxicons
Category: Filled
Code Point: f113

alert circle filled

Alert Octagon Filled

bxf bx-alert-octagon

Package: Boxicons
Category: Filled
Code Point: f114

alert octagon filled

Alert Shield Filled

bxf bx-alert-shield

Package: Boxicons
Category: Filled
Code Point: f115

alert shield filled

Alert Square Filled

bxf bx-alert-square

Package: Boxicons
Category: Filled
Code Point: f116

alert square 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

65 icons