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 Down Narrow Wide Basic

bx bx-arrow-down-narrow-wide

Package: Boxicons
Category: Basic
Code Point: f149

Arrow Down Wide Narrow Basic

bx bx-arrow-down-wide-narrow

Package: Boxicons
Category: Basic
Code Point: f155

arrow down wide narrow

Arrow Up Narrow Wide Basic

bx bx-arrow-up-narrow-wide

Package: Boxicons
Category: Basic
Code Point: f1ba

arrow up narrow wide

Arrow Up Wide Narrow Basic

bx bx-arrow-up-wide-narrow

Package: Boxicons
Category: Basic
Code Point: f1c5

arrow up wide narrow

Band Aid Basic

bx bx-band-aid

Package: Boxicons
Category: Basic
Code Point: f1de

band aid basic

Bridge Basic

bx bx-bridge

Package: Boxicons
Category: Basic
Code Point: f24a

bridge basic

Cube Inside Basic

bx bx-cube-inside

Package: Boxicons
Category: Basic
Code Point: f364

cube inside basic

Cuboid Basic

bx bx-cuboid

Package: Boxicons
Category: Basic
Code Point: f366

cuboid basic

Draw Inside Basic

bx bx-draw-inside

Package: Boxicons
Category: Basic
Code Point: f3c7

draw inside basic

Fridge Basic

bx bx-fridge

Package: Boxicons
Category: Basic
Code Point: f455

fridge basic

Grid 9 Basic

bx bx-grid-9

Package: Boxicons
Category: Basic
Code Point: f483

grid 9 basic

Grid Basic

bx bx-grid

Package: Boxicons
Category: Basic
Code Point: f490

grid basic

Grid Circle Basic

bx bx-grid-circle

Package: Boxicons
Category: Basic
Code Point: f487

grid circle basic

Grid Circle Diagonal Left Basic

bx bx-grid-circle-diagonal-left

Package: Boxicons
Category: Basic
Code Point: f484

grid circle diagonal left

Grid Circle Diagonal Right Basic

bx bx-grid-circle-diagonal-right

Package: Boxicons
Category: Basic
Code Point: f485

grid circle diagonal right

Grid Circle Plus Basic

bx bx-grid-circle-plus

Package: Boxicons
Category: Basic
Code Point: f486

grid circle plus basic

Grid Column Left Basic

bx bx-grid-column-left

Package: Boxicons
Category: Basic
Code Point: f488

grid column left basic

Grid Column Right Basic

bx bx-grid-column-right

Package: Boxicons
Category: Basic
Code Point: f489

grid column right basic

Grid Lines 3 Basic

bx bx-grid-lines-3

Package: Boxicons
Category: Basic
Code Point: f48a

grid lines 3 basic

Grid Lines Basic

bx bx-grid-lines

Package: Boxicons
Category: Basic
Code Point: f48b

grid lines basic

Grid Plus Basic

bx bx-grid-plus

Package: Boxicons
Category: Basic
Code Point: f48c

grid plus 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

Grid Search Basic

bx bx-grid-search

Package: Boxicons
Category: Basic
Code Point: f48f

grid search basic

Menu Wide Basic

bx bx-menu-wide

Package: Boxicons
Category: Basic
Code Point: f575

menu wide basic

Menu Wider Basic

bx bx-menu-wider

Package: Boxicons
Category: Basic
Code Point: f576

menu wider basic

Monitor Wide Basic

bx bx-monitor-wide

Package: Boxicons
Category: Basic
Code Point: f5c9

monitor wide basic

Pyramid Basic

bx bx-pyramid

Package: Boxicons
Category: Basic
Code Point: f670

pyramid basic

Rectangle Wide Basic

bx bx-rectangle-wide

Package: Boxicons
Category: Basic
Code Point: f685

rectangle wide basic

Rfid Basic

bx bx-rfid

Package: Boxicons
Category: Basic
Code Point: f6a3

rfid basic

Sidebar Basic

bx bx-sidebar

Package: Boxicons
Category: Basic
Code Point: f71c

sidebar basic

Sidebar Right Basic

bx bx-sidebar-right

Package: Boxicons
Category: Basic
Code Point: f71b

sidebar right basic

Slider Alt Basic

bx bx-slider-alt

Package: Boxicons
Category: Basic
Code Point: f737

slider alt basic

Slider Basic

bx bx-slider

Package: Boxicons
Category: Basic
Code Point: f73a

slider basic

Slider Vertical Alt Basic

bx bx-slider-vertical-alt

Package: Boxicons
Category: Basic
Code Point: f738

slider vertical alt basic

Slider Vertical Basic

bx bx-slider-vertical

Package: Boxicons
Category: Basic
Code Point: f739

slider vertical basic

Slideshow Basic

bx bx-slideshow

Package: Boxicons
Category: Basic
Code Point: f73b

slideshow basic

Text Width Basic

bx bx-text-width

Package: Boxicons
Category: Basic
Code Point: f7af

text width basic

Upside Down Basic

bx bx-upside-down

Package: Boxicons
Category: Basic
Code Point: f7f7

upside down basic

User Id Card Basic

bx bx-user-id-card

Package: Boxicons
Category: Basic
Code Point: f7fc

user id card basic

Video Basic

bx bx-video

Package: Boxicons
Category: Basic
Code Point: f818

video basic

Video Cinema Basic

bx bx-video-cinema

Package: Boxicons
Category: Basic
Code Point: f815

video cinema basic

Video Plus Basic

bx bx-video-plus

Package: Boxicons
Category: Basic
Code Point: f816

video plus basic

Video Slash Basic

bx bx-video-slash

Package: Boxicons
Category: Basic
Code Point: f817

video slash basic

Widget Basic

bx bx-widget

Package: Boxicons
Category: Basic
Code Point: f83b

widget basic

Widget Horizontal Basic

bx bx-widget-horizontal

Package: Boxicons
Category: Basic
Code Point: f838

widget horizontal basic

Widget Small Basic

bx bx-widget-small

Package: Boxicons
Category: Basic
Code Point: f839

widget small basic

Widget Vertical Basic

bx bx-widget-vertical

Package: Boxicons
Category: Basic
Code Point: f83a

widget vertical 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

100 icons