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.

Stopwatch Basic

bx bx-stopwatch

Package: Boxicons
Category: Basic
Code Point: f766

stopwatch basic

Stroke Pen Basic

bx bx-stroke-pen

Package: Boxicons
Category: Basic
Code Point: f770

stroke pen basic

Subscript Basic

bx bx-subscript

Package: Boxicons
Category: Basic
Code Point: f771

subscript basic

Superscript Basic

bx bx-superscript

Package: Boxicons
Category: Basic
Code Point: f77e

superscript basic

Superset Basic

bx bx-superset

Package: Boxicons
Category: Basic
Code Point: f77f

superset basic

Swap Diagonal Basic

bx bx-swap-diagonal

Package: Boxicons
Category: Basic
Code Point: f782

swap diagonal basic

Swap Horizontal Basic

bx bx-swap-horizontal

Package: Boxicons
Category: Basic
Code Point: f783

swap horizontal basic

Swap Vertical Basic

bx bx-swap-vertical

Package: Boxicons
Category: Basic
Code Point: f784

swap vertical basic

Swimming Pool Basic

bx bx-swimming-pool

Package: Boxicons
Category: Basic
Code Point: f786

swimming pool basic

Table Columns Split Basic

bx bx-table-columns-split

Package: Boxicons
Category: Basic
Code Point: f790

table columns split basic

Table Rows Split Basic

bx bx-table-rows-split

Package: Boxicons
Category: Basic
Code Point: f795

table rows split basic

Tape Basic

bx bx-tape

Package: Boxicons
Category: Basic
Code Point: f7a2

tape basic

Temple Basic

bx bx-temple

Package: Boxicons
Category: Basic
Code Point: f7a6

temple basic

Thumb Up Basic

bx bx-thumb-up

Package: Boxicons
Category: Basic
Code Point: f7b5

thumb up basic

Transparency Basic

bx bx-transparency

Package: Boxicons
Category: Basic
Code Point: f7d0

transparency basic

Trending Up Basic

bx bx-trending-up

Package: Boxicons
Category: Basic
Code Point: f7d9

trending up basic

Trip Basic

bx bx-trip

Package: Boxicons
Category: Basic
Code Point: f7dc

trip basic

Trophy Basic

bx bx-trophy

Package: Boxicons
Category: Basic
Code Point: f7de

trophy basic

Trophy Star Basic

bx bx-trophy-star

Package: Boxicons
Category: Basic
Code Point: f7dd

trophy star basic

Turn Up Basic

bx bx-turn-up

Package: Boxicons
Category: Basic
Code Point: f7e4

turn up basic

Uppercase Basic

bx bx-uppercase

Package: Boxicons
Category: Basic
Code Point: f7f6

uppercase basic

Upside Down Basic

bx bx-upside-down

Package: Boxicons
Category: Basic
Code Point: f7f7

upside down basic

User Plus Basic

bx bx-user-plus

Package: Boxicons
Category: Basic
Code Point: f7fe

user plus basic

Vertical Align Top Basic

bx bx-vertical-align-top

Package: Boxicons
Category: Basic
Code Point: f80b

vertical align top basic

Vertical Distribute Top Basic

bx bx-vertical-distribute-top

Package: Boxicons
Category: Basic
Code Point: f810

vertical distribute top basic

Vertical Spacing Basic

bx bx-vertical-spacing

Package: Boxicons
Category: Basic
Code Point: f811

vertical spacing basic

Vertical Top Basic

bx bx-vertical-top

Package: Boxicons
Category: Basic
Code Point: f812

vertical top basic

Video Plus Basic

bx bx-video-plus

Package: Boxicons
Category: Basic
Code Point: f816

video plus basic

Water Drop Alt Basic

bx bx-water-drop-alt

Package: Boxicons
Category: Basic
Code Point: f82d

water drop alt basic

Water Drop Basic

bx bx-water-drop

Package: Boxicons
Category: Basic
Code Point: f82f

water drop basic

Water Drop Half Basic

bx bx-water-drop-half

Package: Boxicons
Category: Basic
Code Point: f82e

water drop half basic

Water Spray Basic

bx bx-water-spray

Package: Boxicons
Category: Basic
Code Point: f830

water spray basic

500Px Brands

bxl bx-500px

Package: Boxicons
Category: Brands
Code Point: f101

500px brands

Anthropic Brands

bxl bx-anthropic

Package: Boxicons
Category: Brands
Code Point: f10a

anthropic brands

Apple Brands

bxl bx-apple

Package: Boxicons
Category: Brands
Code Point: f10c

apple brands

Apple Music Brands

bxl bx-apple-music

Package: Boxicons
Category: Brands
Code Point: f10b

apple music brands

Bootstrap Brands

bxl bx-bootstrap

Package: Boxicons
Category: Brands
Code Point: f120

bootstrap brands

C Plus Plus Brands

bxl bx-c-plus-plus

Package: Boxicons
Category: Brands
Code Point: f125

c plus brands

C Sharp Brands

bxl bx-c-sharp

Package: Boxicons
Category: Brands
Code Point: f126

c sharp brands

Codepen Brands

bxl bx-codepen

Package: Boxicons
Category: Brands
Code Point: f12e

codepen brands

Deepmind Brands

bxl bx-deepmind

Package: Boxicons
Category: Brands
Code Point: f135

deepmind brands

Deepseek Brands

bxl bx-deepseek

Package: Boxicons
Category: Brands
Code Point: f136

deepseek brands

Devpost Brands

bxl bx-devpost

Package: Boxicons
Category: Brands
Code Point: f13b

devpost brands

Dropbox Brands

bxl bx-dropbox

Package: Boxicons
Category: Brands
Code Point: f147

dropbox 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

Fastapi Brands

bxl bx-fastapi

Package: Boxicons
Category: Brands
Code Point: f151

fastapi brands

Github Copilot Brands

bxl bx-github-copilot

Package: Boxicons
Category: Brands
Code Point: f162

github copilot brands

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

1,001 icons