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.

Arrow From Bottom Basic

bx bx-arrow-from-bottom

Package: Boxicons
Category: Basic
Code Point: f158

Arrow From Bottom Stroke Basic

bx bx-arrow-from-bottom-stroke

Package: Boxicons
Category: Basic
Code Point: f157

arrow from bottom stroke

Arrow From Top Basic

bx bx-arrow-from-top

Package: Boxicons
Category: Basic
Code Point: f15e

arrow from top basic

Arrow From Top Stroke Basic

bx bx-arrow-from-top-stroke

Package: Boxicons
Category: Basic
Code Point: f15d

arrow from top stroke

Arrow To Bottom Basic

bx bx-arrow-to-bottom

Package: Boxicons
Category: Basic
Code Point: f1aa

arrow to bottom basic

Arrow To Bottom Stroke Basic

bx bx-arrow-to-bottom-stroke

Package: Boxicons
Category: Basic
Code Point: f1a9

arrow to bottom stroke

Arrow To Left Basic

bx bx-arrow-to-left

Package: Boxicons
Category: Basic
Code Point: f1ac

arrow to left basic

Arrow To Left Stroke Basic

bx bx-arrow-to-left-stroke

Package: Boxicons
Category: Basic
Code Point: f1ab

arrow to left stroke

Arrow To Right Basic

bx bx-arrow-to-right

Package: Boxicons
Category: Basic
Code Point: f1ae

arrow to right basic

Arrow To Right Stroke Basic

bx bx-arrow-to-right-stroke

Package: Boxicons
Category: Basic
Code Point: f1ad

arrow to right stroke

Arrow To Top Basic

bx bx-arrow-to-top

Package: Boxicons
Category: Basic
Code Point: f1b0

arrow to top basic

Arrow To Top Stroke Basic

bx bx-arrow-to-top-stroke

Package: Boxicons
Category: Basic
Code Point: f1af

arrow to top stroke

Atom Basic

bx bx-atom

Package: Boxicons
Category: Basic
Code Point: f1ca

atom basic

Bluetooth Basic

bx bx-bluetooth

Package: Boxicons
Category: Basic
Code Point: f20f

bluetooth basic

Border Bottom Basic

bx bx-border-bottom

Package: Boxicons
Category: Basic
Code Point: f230

border bottom basic

Border Top Basic

bx bx-border-top

Package: Boxicons
Category: Basic
Code Point: f237

border top basic

Button Basic

bx bx-button

Package: Boxicons
Category: Basic
Code Point: f267

button basic

Button Rounded Basic

bx bx-button-rounded

Package: Boxicons
Category: Basic
Code Point: f266

button rounded basic

Calculator Basic

bx bx-calculator

Package: Boxicons
Category: Basic
Code Point: f26b

calculator basic

Compass Tool Basic

bx bx-compass-tool

Package: Boxicons
Category: Basic
Code Point: f343

compass tool basic

Connector Basic

bx bx-connector

Package: Boxicons
Category: Basic
Code Point: f349

connector basic

Crypto Basic

bx bx-crypto

Package: Boxicons
Category: Basic
Code Point: f362

crypto basic

Crypto Coin Basic

bx bx-crypto-coin

Package: Boxicons
Category: Basic
Code Point: f361

crypto coin basic

Department Store Basic

bx bx-department-store

Package: Boxicons
Category: Basic
Code Point: f381

department store basic

Desktop Alt Basic

bx bx-desktop-alt

Package: Boxicons
Category: Basic
Code Point: f384

desktop alt basic

Desktop Basic

bx bx-desktop

Package: Boxicons
Category: Basic
Code Point: f385

desktop basic

Dock Bottom Alt Basic

bx bx-dock-bottom-alt

Package: Boxicons
Category: Basic
Code Point: f39e

dock bottom alt basic

Dock Bottom Arrow Basic

bx bx-dock-bottom-arrow

Package: Boxicons
Category: Basic
Code Point: f39f

dock bottom arrow basic

Dock Bottom Basic

bx bx-dock-bottom

Package: Boxicons
Category: Basic
Code Point: f3a4

dock bottom basic

Dock Bottom Left Alt Basic

bx bx-dock-bottom-left-alt

Package: Boxicons
Category: Basic
Code Point: f3a0

dock bottom left alt

Dock Bottom Left Basic

bx bx-dock-bottom-left

Package: Boxicons
Category: Basic
Code Point: f3a1

dock bottom left basic

Dock Bottom Right Alt Basic

bx bx-dock-bottom-right-alt

Package: Boxicons
Category: Basic
Code Point: f3a2

dock bottom right alt

Dock Bottom Right Basic

bx bx-dock-bottom-right

Package: Boxicons
Category: Basic
Code Point: f3a3

dock bottom right basic

Dock Top Alt Basic

bx bx-dock-top-alt

Package: Boxicons
Category: Basic
Code Point: f3ab

dock top alt basic

Dock Top Arrow Basic

bx bx-dock-top-arrow

Package: Boxicons
Category: Basic
Code Point: f3ac

dock top arrow basic

Dock Top Basic

bx bx-dock-top

Package: Boxicons
Category: Basic
Code Point: f3b1

dock top basic

Dock Top Left Alt Basic

bx bx-dock-top-left-alt

Package: Boxicons
Category: Basic
Code Point: f3ad

dock top left alt

Dock Top Left Basic

bx bx-dock-top-left

Package: Boxicons
Category: Basic
Code Point: f3ae

dock top left basic

Dock Top Right Alt Basic

bx bx-dock-top-right-alt

Package: Boxicons
Category: Basic
Code Point: f3af

dock top right alt

Dock Top Right Basic

bx bx-dock-top-right

Package: Boxicons
Category: Basic
Code Point: f3b0

dock top right basic

Factory Basic

bx bx-factory

Package: Boxicons
Category: Basic
Code Point: f3ff

factory basic

Finger Touch Basic

bx bx-finger-touch

Package: Boxicons
Category: Basic
Code Point: f41f

finger touch basic

Grid Row Bottom Basic

bx bx-grid-row-bottom

Package: Boxicons
Category: Basic
Code Point: f48d

grid row bottom basic

Grid Row Top Basic

bx bx-grid-row-top

Package: Boxicons
Category: Basic
Code Point: f48e

grid row top basic

History Basic

bx bx-history

Package: Boxicons
Category: Basic
Code Point: f4bd

history basic

Incognito Basic

bx bx-incognito

Package: Boxicons
Category: Basic
Code Point: f4e3

incognito basic

Joystick Button Alt Basic

bx bx-joystick-button-alt

Package: Boxicons
Category: Basic
Code Point: f4f4

joystick button alt basic

Joystick Button Basic

bx bx-joystick-button

Package: Boxicons
Category: Basic
Code Point: f4f5

joystick button basic

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

185 icons