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.

Star Basic

bx bx-star

Package: Boxicons
Category: Basic
Code Point: f75e

star basic

Star Circle Basic

bx bx-star-circle

Package: Boxicons
Category: Basic
Code Point: f75b

star circle basic

Star Half Basic

bx bx-star-half

Package: Boxicons
Category: Basic
Code Point: f75c

star half basic

Star Square Basic

bx bx-star-square

Package: Boxicons
Category: Basic
Code Point: f75d

star square basic

Station Basic

bx bx-station

Package: Boxicons
Category: Basic
Code Point: f75f

station basic

Stop Basic

bx bx-stop

Package: Boxicons
Category: Basic
Code Point: f765

stop basic

Sun Dim Basic

bx bx-sun-dim

Package: Boxicons
Category: Basic
Code Point: f775

sun dim basic

Swatch Basic

bx bx-swatch

Package: Boxicons
Category: Basic
Code Point: f785

swatch basic

Table Rows Split Basic

bx bx-table-rows-split

Package: Boxicons
Category: Basic
Code Point: f795

table rows split basic

Taxi Basic

bx bx-taxi

Package: Boxicons
Category: Basic
Code Point: f7a5

taxi basic

Thumb Up Basic

bx bx-thumb-up

Package: Boxicons
Category: Basic
Code Point: f7b5

thumb up basic

Torch Basic

bx bx-torch

Package: Boxicons
Category: Basic
Code Point: f7c5

torch basic

Tree Alt Basic

bx bx-tree-alt

Package: Boxicons
Category: Basic
Code Point: f7d5

tree alt basic

Tv Alt Basic

bx bx-tv-alt

Package: Boxicons
Category: Basic
Code Point: f7e5

tv alt basic

Unlink Basic

bx bx-unlink

Package: Boxicons
Category: Basic
Code Point: f7f5

unlink basic

Variable Basic

bx bx-variable

Package: Boxicons
Category: Basic
Code Point: f805

variable basic

Video Cinema Basic

bx bx-video-cinema

Package: Boxicons
Category: Basic
Code Point: f815

video cinema basic

Walking Basic

bx bx-walking

Package: Boxicons
Category: Basic
Code Point: f825

walking basic

Webhook Basic

bx bx-webhook

Package: Boxicons
Category: Basic
Code Point: f835

webhook basic

Window Arrow Out Basic

bx bx-window-arrow-out

Package: Boxicons
Category: Basic
Code Point: f845

window arrow out basic

Workflow Alt Basic

bx bx-workflow-alt

Package: Boxicons
Category: Basic
Code Point: f850

workflow alt basic

Workflow Basic

bx bx-workflow

Package: Boxicons
Category: Basic
Code Point: f851

workflow basic

Wrist Watch Alt Basic

bx bx-wrist-watch-alt

Package: Boxicons
Category: Basic
Code Point: f852

wrist watch alt basic

Wrist Watch Basic

bx bx-wrist-watch

Package: Boxicons
Category: Basic
Code Point: f855

wrist watch basic

Wrist Watch Round Alt Basic

bx bx-wrist-watch-round-alt

Package: Boxicons
Category: Basic
Code Point: f853

wrist watch round alt

Wrist Watch Round Basic

bx bx-wrist-watch-round

Package: Boxicons
Category: Basic
Code Point: f854

wrist watch round basic

X Basic

bx bx-x

Package: Boxicons
Category: Basic
Code Point: f859

x basic

X Circle Basic

bx bx-x-circle

Package: Boxicons
Category: Basic
Code Point: f856

x circle basic

X Shield Basic

bx bx-x-shield

Package: Boxicons
Category: Basic
Code Point: f857

x shield basic

X Square Basic

bx bx-x-square

Package: Boxicons
Category: Basic
Code Point: f858

x square basic

Yarn Ball Basic

bx bx-yarn-ball

Package: Boxicons
Category: Basic
Code Point: f85a

yarn ball basic

Yen Basic

bx bx-yen

Package: Boxicons
Category: Basic
Code Point: f85b

yen basic

Yin Yang Basic

bx bx-yin-yang

Package: Boxicons
Category: Basic
Code Point: f85c

yin yang basic

500Px Brands

bxl bx-500px

Package: Boxicons
Category: Brands
Code Point: f101

500px brands

Algolia Brands

bxl bx-algolia

Package: Boxicons
Category: Brands
Code Point: f105

algolia brands

Aws Brands

bxl bx-aws

Package: Boxicons
Category: Brands
Code Point: f115

aws brands

C Plus Plus Brands

bxl bx-c-plus-plus

Package: Boxicons
Category: Brands
Code Point: f125

c plus brands

Deepmind Brands

bxl bx-deepmind

Package: Boxicons
Category: Brands
Code Point: f135

deepmind brands

Dribbble Brands

bxl bx-dribbble

Package: Boxicons
Category: Brands
Code Point: f145

dribbble brands

Facebook Brands

bxl bx-facebook

Package: Boxicons
Category: Brands
Code Point: f150

facebook brands

Fastapi Brands

bxl bx-fastapi

Package: Boxicons
Category: Brands
Code Point: f151

fastapi brands

Fastify Brands

bxl bx-fastify

Package: Boxicons
Category: Brands
Code Point: f152

fastify brands

Figma Alt Brands

bxl bx-figma-alt

Package: Boxicons
Category: Brands
Code Point: f153

figma alt brands

Figma Brands

bxl bx-figma

Package: Boxicons
Category: Brands
Code Point: f154

figma brands

Firebase Brands

bxl bx-firebase

Package: Boxicons
Category: Brands
Code Point: f155

firebase brands

Firefox Brands

bxl bx-firefox

Package: Boxicons
Category: Brands
Code Point: f156

firefox brands

Fiverr Brands

bxl bx-fiverr

Package: Boxicons
Category: Brands
Code Point: f157

fiverr brands

Flask Brands

bxl bx-flask

Package: Boxicons
Category: Brands
Code Point: f159

flask 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

966 icons