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.

Drizzle Orm Brands

bxl bx-drizzle-orm

Package: Boxicons
Category: Brands
Code Point: f146

drizzle orm brands

Dropbox Brands

bxl bx-dropbox

Package: Boxicons
Category: Brands
Code Point: f147

dropbox brands

Ebay Brands

bxl bx-ebay

Package: Boxicons
Category: Brands
Code Point: f148

ebay brands

Edge Brands

bxl bx-edge

Package: Boxicons
Category: Brands
Code Point: f149

edge brands

Ember Js Brands

bxl bx-ember-js

Package: Boxicons
Category: Brands
Code Point: f14a

ember js brands

Etsy Brands

bxl bx-etsy

Package: Boxicons
Category: Brands
Code Point: f14b

etsy brands

Expo Brands

bxl bx-expo

Package: Boxicons
Category: Brands
Code Point: f14c

expo brands

Express Js Brands

bxl bx-express-js

Package: Boxicons
Category: Brands
Code Point: f14d

express js brands

Facebook Circle Brands

bxl bx-facebook-circle

Package: Boxicons
Category: Brands
Code Point: f14e

facebook circle brands

Facebook Square Brands

bxl bx-facebook-square

Package: Boxicons
Category: Brands
Code Point: f14f

facebook square brands

Figma Brands

bxl bx-figma

Package: Boxicons
Category: Brands
Code Point: f154

figma brands

Gitlab Brands

bxl bx-gitlab

Package: Boxicons
Category: Brands
Code Point: f164

gitlab brands

Html5 Brands

bxl bx-html5

Package: Boxicons
Category: Brands
Code Point: f174

html5 brands

Kickstarter Brands

bxl bx-kickstarter

Package: Boxicons
Category: Brands
Code Point: f184

kickstarter brands

Lottie Lab Brands

bxl bx-lottie-lab

Package: Boxicons
Category: Brands
Code Point: f194

lottie lab brands

Microsoft Brands

bxl bx-microsoft

Package: Boxicons
Category: Brands
Code Point: f1a4

microsoft brands

Ollama Brands

bxl bx-ollama

Package: Boxicons
Category: Brands
Code Point: f1b4

ollama brands

Playstation Brands

bxl bx-playstation

Package: Boxicons
Category: Brands
Code Point: f1c4

playstation brands

Redbubble Brands

bxl bx-redbubble

Package: Boxicons
Category: Brands
Code Point: f1d4

redbubble brands

Snapchat Brands

bxl bx-snapchat

Package: Boxicons
Category: Brands
Code Point: f1e4

snapchat brands

Threads Brands

bxl bx-threads

Package: Boxicons
Category: Brands
Code Point: f1f4

threads brands

Union Pay Brands

bxl bx-union-pay

Package: Boxicons
Category: Brands
Code Point: f204

union pay brands

Webflow Brands

bxl bx-webflow

Package: Boxicons
Category: Brands
Code Point: f214

webflow brands

Youtube Music Brands

bxl bx-youtube-music

Package: Boxicons
Category: Brands
Code Point: f224

youtube music brands

Accessibility Filled

bxf bx-accessibility

Package: Boxicons
Category: Filled
Code Point: f104

accessibility filled

Alert Octagon Filled

bxf bx-alert-octagon

Package: Boxicons
Category: Filled
Code Point: f114

alert octagon filled

Align Vertical Space Between Filled

bxf bx-align-vertical-space-between

Package: Boxicons
Category: Filled
Code Point: f124

align vertical space between

Archive Arrow Down Filled

bxf bx-archive-arrow-down

Package: Boxicons
Category: Filled
Code Point: f134

archive arrow down filled

Arrow Cross Filled

bxf bx-arrow-cross

Package: Boxicons
Category: Filled
Code Point: f140

arrow cross filled

Arrow Down A Z Filled

bxf bx-arrow-down-a-z

Package: Boxicons
Category: Filled
Code Point: f141

arrow down a z

Arrow Down Circle Filled

bxf bx-arrow-down-circle

Package: Boxicons
Category: Filled
Code Point: f142

arrow down circle filled

Arrow Down Left Circle Filled

bxf bx-arrow-down-left-circle

Package: Boxicons
Category: Filled
Code Point: f143

arrow down left circle

Arrow Down Left Filled

bxf bx-arrow-down-left

Package: Boxicons
Category: Filled
Code Point: f148

arrow down left filled

Arrow Down Left Square Filled

bxf bx-arrow-down-left-square

Package: Boxicons
Category: Filled
Code Point: f144

arrow down left square

Arrow Down Left Stroke Circle Filled

bxf bx-arrow-down-left-stroke-circle

Package: Boxicons
Category: Filled
Code Point: f145

arrow down left stroke

Arrow Down Left Stroke Filled

bxf bx-arrow-down-left-stroke

Package: Boxicons
Category: Filled
Code Point: f147

arrow down left stroke

Arrow Down Left Stroke Square Filled

bxf bx-arrow-down-left-stroke-square

Package: Boxicons
Category: Filled
Code Point: f146

arrow down left stroke

Arrow Down Narrow Wide Filled

bxf bx-arrow-down-narrow-wide

Package: Boxicons
Category: Filled
Code Point: f149

arrow down narrow wide

Arrow Down Right Circle Filled

bxf bx-arrow-down-right-circle

Package: Boxicons
Category: Filled
Code Point: f14a

arrow down right circle

Arrow Down Right Filled

bxf bx-arrow-down-right

Package: Boxicons
Category: Filled
Code Point: f14f

arrow down right filled

Arrow Down Right Square Filled

bxf bx-arrow-down-right-square

Package: Boxicons
Category: Filled
Code Point: f14b

arrow down right square

Arrow Down Right Stroke Circle Filled

bxf bx-arrow-down-right-stroke-circle

Package: Boxicons
Category: Filled
Code Point: f14c

arrow down right stroke

Arrow Down Right Stroke Filled

bxf bx-arrow-down-right-stroke

Package: Boxicons
Category: Filled
Code Point: f14e

arrow down right stroke

Arrow Down Right Stroke Square Filled

bxf bx-arrow-down-right-stroke-square

Package: Boxicons
Category: Filled
Code Point: f14d

arrow down right stroke

Arrow Down Up Filled

bxf bx-arrow-down-up

Package: Boxicons
Category: Filled
Code Point: f154

arrow down up filled

Arrow In Down Right Circle Filled

bxf bx-arrow-in-down-right-circle

Package: Boxicons
Category: Filled
Code Point: f164

arrow in down right

Arrow In Up Left Stroke Square Filled

bxf bx-arrow-in-up-left-stroke-square

Package: Boxicons
Category: Filled
Code Point: f174

arrow in up left

Arrow Out Down Left Square Filled

bxf bx-arrow-out-down-left-square

Package: Boxicons
Category: Filled
Code Point: f184

arrow out down left

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

Drizzle Orm Brands

Dropbox Brands

Ebay Brands

Edge Brands

Ember Js Brands

Etsy Brands

Expo Brands

Express Js Brands

Facebook Circle Brands

Facebook Square Brands

Figma Brands

Gitlab Brands

Html5 Brands

Kickstarter Brands

Lottie Lab Brands

Microsoft Brands

Ollama Brands

Playstation Brands

Redbubble Brands

Snapchat Brands

Threads Brands

Union Pay Brands

Webflow Brands

Youtube Music Brands

Accessibility Filled

Alert Octagon Filled

Align Vertical Space Between Filled

Archive Arrow Down Filled

Arrow Cross Filled

Arrow Down A Z Filled

Arrow Down Circle Filled

Arrow Down Left Circle Filled

Arrow Down Left Filled

Arrow Down Left Square Filled

Arrow Down Left Stroke Circle Filled

Arrow Down Left Stroke Filled

Arrow Down Left Stroke Square Filled

Arrow Down Narrow Wide Filled

Arrow Down Right Circle Filled

Arrow Down Right Filled

Arrow Down Right Square Filled

Arrow Down Right Stroke Circle Filled

Arrow Down Right Stroke Filled

Arrow Down Right Stroke Square Filled

Arrow Down Up Filled

Arrow In Down Right Circle Filled

Arrow In Up Left Stroke Square Filled

Arrow Out Down Left Square Filled

Add Boxicons to your website or app

1. Load the icon library

2. Copy an icon

3. Keep icons accessible

Icon Implementation Checklist

Label important controls

Keep style consistent

Load only what you need

Related References