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.

Lemon Squeezy Brands

bxl bx-lemon-squeezy

Package: Boxicons
Category: Brands
Code Point: f189

lemon squeezy brands

Mastodon Brands

bxl bx-mastodon

Package: Boxicons
Category: Brands
Code Point: f19b

mastodon brands

Mongodb Brands

bxl bx-mongodb

Package: Boxicons
Category: Brands
Code Point: f1a6

mongodb brands

Motion Js Brands

bxl bx-motion-js

Package: Boxicons
Category: Brands
Code Point: f1a7

motion js brands

Neon Tech Brands

bxl bx-neon-tech

Package: Boxicons
Category: Brands
Code Point: f1aa

neon tech brands

Notion Brands

bxl bx-notion

Package: Boxicons
Category: Brands
Code Point: f1b0

notion brands

Patreon Brands

bxl bx-patreon

Package: Boxicons
Category: Brands
Code Point: f1ba

patreon brands

Playstation Brands

bxl bx-playstation

Package: Boxicons
Category: Brands
Code Point: f1c4

playstation brands

Python Brands

bxl bx-python

Package: Boxicons
Category: Brands
Code Point: f1ca

python brands

Union Pay Brands

bxl bx-union-pay

Package: Boxicons
Category: Brands
Code Point: f204

union pay brands

Web Components Brands

bxl bx-web-components

Package: Boxicons
Category: Brands
Code Point: f213

web components brands

Air Conditioner Filled

bxf bx-air-conditioner

Package: Boxicons
Category: Filled
Code Point: f107

air conditioner filled

Alarm Exclamation Filled

bxf bx-alarm-exclamation

Package: Boxicons
Category: Filled
Code Point: f10c

alarm exclamation filled

Alert Octagon Filled

bxf bx-alert-octagon

Package: Boxicons
Category: Filled
Code Point: f114

alert octagon filled

Align Horizontal Justify Center Filled

bxf bx-align-horizontal-justify-center

Package: Boxicons
Category: Filled
Code Point: f11a

align horizontal justify center

Align Horizontal Justify End Filled

bxf bx-align-horizontal-justify-end

Package: Boxicons
Category: Filled
Code Point: f11b

align horizontal justify end

Align Horizontal Justify Start Filled

bxf bx-align-horizontal-justify-start

Package: Boxicons
Category: Filled
Code Point: f11c

align horizontal justify start

Align Horizontal Space Between Filled

bxf bx-align-horizontal-space-between

Package: Boxicons
Category: Filled
Code Point: f11d

align horizontal space between

Animation Bounce Filled

bxf bx-animation-bounce

Package: Boxicons
Category: Filled
Code Point: f12b

animation bounce filled

Bacon Filled

bxf bx-bacon

Package: Boxicons
Category: Filled
Code Point: f1d3

bacon filled

Badge Exclamation Filled

bxf bx-badge-exclamation

Package: Boxicons
Category: Filled
Code Point: f1d6

badge exclamation filled

Balcony Filled

bxf bx-balcony

Package: Boxicons
Category: Filled
Code Point: f1db

balcony filled

Balloon Filled

bxf bx-balloon

Package: Boxicons
Category: Filled
Code Point: f1dd

balloon filled

Between Horizontal End Filled

bxf bx-between-horizontal-end

Package: Boxicons
Category: Filled
Code Point: f1ff

between horizontal end filled

Between Horizontal Start Filled

bxf bx-between-horizontal-start

Package: Boxicons
Category: Filled
Code Point: f200

between horizontal start 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 Content Filled

bxf bx-book-content

Package: Boxicons
Category: Filled
Code Point: f21e

book content filled

Border None Filled

bxf bx-border-none

Package: Boxicons
Category: Filled
Code Point: f233

border none filled

Button Filled

bxf bx-button

Package: Boxicons
Category: Filled
Code Point: f267

button filled

Button Rounded Filled

bxf bx-button-rounded

Package: Boxicons
Category: Filled
Code Point: f266

button rounded filled

Camera Monochrome Filled

bxf bx-camera-monochrome

Package: Boxicons
Category: Filled
Code Point: f280

camera monochrome filled

Captions Cc Filled

bxf bx-captions-cc

Package: Boxicons
Category: Filled
Code Point: f28d

captions cc filled

Captions Filled

bxf bx-captions

Package: Boxicons
Category: Filled
Code Point: f28e

captions filled

Certification Filled

bxf bx-certification

Package: Boxicons
Category: Filled
Code Point: f2bc

certification filled

Chevron Down Circle Filled

bxf bx-chevron-down-circle

Package: Boxicons
Category: Filled
Code Point: f2e2

chevron down circle filled

Chevron Down Filled

bxf bx-chevron-down

Package: Boxicons
Category: Filled
Code Point: f2e4

chevron down filled

Chevron Down Square Filled

bxf bx-chevron-down-square

Package: Boxicons
Category: Filled
Code Point: f2e3

chevron down square filled

Chevron Left Circle Filled

bxf bx-chevron-left-circle

Package: Boxicons
Category: Filled
Code Point: f2e5

chevron left circle filled

Chevron Left Filled

bxf bx-chevron-left

Package: Boxicons
Category: Filled
Code Point: f2e7

chevron left filled

Chevron Left Square Filled

bxf bx-chevron-left-square

Package: Boxicons
Category: Filled
Code Point: f2e6

chevron left square filled

Chevron Right Circle Filled

bxf bx-chevron-right-circle

Package: Boxicons
Category: Filled
Code Point: f2e8

chevron right circle filled

Chevron Right Filled

bxf bx-chevron-right

Package: Boxicons
Category: Filled
Code Point: f2ea

chevron right filled

Chevron Right Square Filled

bxf bx-chevron-right-square

Package: Boxicons
Category: Filled
Code Point: f2e9

chevron right square filled

Chevron Up Circle Filled

bxf bx-chevron-up-circle

Package: Boxicons
Category: Filled
Code Point: f2eb

chevron up circle filled

Chevron Up Filled

bxf bx-chevron-up

Package: Boxicons
Category: Filled
Code Point: f2ed

chevron up filled

Chevron Up Square Filled

bxf bx-chevron-up-square

Package: Boxicons
Category: Filled
Code Point: f2ec

chevron up square filled

Chevrons Down Filled

bxf bx-chevrons-down

Package: Boxicons
Category: Filled
Code Point: f2ef

chevrons down 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

387 icons