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.

Strikethrough Basic

bx bx-strikethrough

Package: Boxicons
Category: Basic
Code Point: f76c

strikethrough basic

Stroke Drawing Basic

bx bx-stroke-drawing

Package: Boxicons
Category: Basic
Code Point: f76d

stroke drawing basic

Stroke Freehand Basic

bx bx-stroke-freehand

Package: Boxicons
Category: Basic
Code Point: f76e

stroke freehand basic

Stroke Ink Basic

bx bx-stroke-ink

Package: Boxicons
Category: Basic
Code Point: f76f

stroke ink basic

Sun Drizzle Basic

bx bx-sun-drizzle

Package: Boxicons
Category: Basic
Code Point: f776

sun drizzle basic

Swimming Pool Basic

bx bx-swimming-pool

Package: Boxicons
Category: Basic
Code Point: f786

swimming pool basic

Table Rows Basic

bx bx-table-rows

Package: Boxicons
Category: Basic
Code Point: f796

table rows basic

Temple Basic

bx bx-temple

Package: Boxicons
Category: Basic
Code Point: f7a6

temple basic

Thunder Basic

bx bx-thunder

Package: Boxicons
Category: Basic
Code Point: f7b6

thunder basic

Tornado Basic

bx bx-tornado

Package: Boxicons
Category: Basic
Code Point: f7c6

tornado basic

Tree Basic

bx bx-tree

Package: Boxicons
Category: Basic
Code Point: f7d6

tree basic

Tv Basic

bx bx-tv

Package: Boxicons
Category: Basic
Code Point: f7e6

tv basic

Uppercase Basic

bx bx-uppercase

Package: Boxicons
Category: Basic
Code Point: f7f6

uppercase basic

Vector Square Basic

bx bx-vector-square

Package: Boxicons
Category: Basic
Code Point: f806

vector square basic

Video Plus Basic

bx bx-video-plus

Package: Boxicons
Category: Basic
Code Point: f816

video plus basic

Wall Basic

bx bx-wall

Package: Boxicons
Category: Basic
Code Point: f826

wall basic

Whiteboard Alt Basic

bx bx-whiteboard-alt

Package: Boxicons
Category: Basic
Code Point: f836

whiteboard alt basic

Window Mac Alt Basic

bx bx-window-mac-alt

Package: Boxicons
Category: Basic
Code Point: f846

window mac alt basic

X Circle Basic

bx bx-x-circle

Package: Boxicons
Category: Basic
Code Point: f856

x circle basic

Amazon Brands

bxl bx-amazon

Package: Boxicons
Category: Brands
Code Point: f106

amazon brands

Baidu Brands

bxl bx-baidu

Package: Boxicons
Category: Brands
Code Point: f116

baidu brands

C Sharp Brands

bxl bx-c-sharp

Package: Boxicons
Category: Brands
Code Point: f126

c sharp brands

Deepseek Brands

bxl bx-deepseek

Package: Boxicons
Category: Brands
Code Point: f136

deepseek brands

Drizzle Orm Brands

bxl bx-drizzle-orm

Package: Boxicons
Category: Brands
Code Point: f146

drizzle orm brands

Firefox Brands

bxl bx-firefox

Package: Boxicons
Category: Brands
Code Point: f156

firefox brands

Gemini Brands

bxl bx-gemini

Package: Boxicons
Category: Brands
Code Point: f160

gemini brands

Git Brands

bxl bx-git

Package: Boxicons
Category: Brands
Code Point: f161

git brands

Github Brands

bxl bx-github

Package: Boxicons
Category: Brands
Code Point: f163

github brands

Github Copilot Brands

bxl bx-github-copilot

Package: Boxicons
Category: Brands
Code Point: f162

github copilot brands

Gitlab Brands

bxl bx-gitlab

Package: Boxicons
Category: Brands
Code Point: f164

gitlab brands

Gmail Brands

bxl bx-gmail

Package: Boxicons
Category: Brands
Code Point: f165

gmail brands

Go Lang Brands

bxl bx-go-lang

Package: Boxicons
Category: Brands
Code Point: f166

go lang brands

Google Antigravity Brands

bxl bx-google-antigravity

Package: Boxicons
Category: Brands
Code Point: f167

google antigravity brands

Google Brands

bxl bx-google

Package: Boxicons
Category: Brands
Code Point: f16a

google brands

Google Cloud Brands

bxl bx-google-cloud

Package: Boxicons
Category: Brands
Code Point: f168

google cloud brands

Google Pay Brands

bxl bx-google-pay

Package: Boxicons
Category: Brands
Code Point: f169

google pay brands

Graphql Brands

bxl bx-graphql

Package: Boxicons
Category: Brands
Code Point: f16b

graphql brands

Grok Brands

bxl bx-grok

Package: Boxicons
Category: Brands
Code Point: f16c

grok brands

Groq Ai Brands

bxl bx-groq-ai

Package: Boxicons
Category: Brands
Code Point: f16d

groq ai brands

Gsap Brands

bxl bx-gsap

Package: Boxicons
Category: Brands
Code Point: f16e

gsap brands

Gumroad Brands

bxl bx-gumroad

Package: Boxicons
Category: Brands
Code Point: f16f

gumroad brands

Ibm Brands

bxl bx-ibm

Package: Boxicons
Category: Brands
Code Point: f176

ibm brands

Kubernetes Brands

bxl bx-kubernetes

Package: Boxicons
Category: Brands
Code Point: f186

kubernetes brands

Lyft Brands

bxl bx-lyft

Package: Boxicons
Category: Brands
Code Point: f196

lyft brands

Mongodb Brands

bxl bx-mongodb

Package: Boxicons
Category: Brands
Code Point: f1a6

mongodb brands

Opensea Brands

bxl bx-opensea

Package: Boxicons
Category: Brands
Code Point: f1b6

opensea brands

Polar Brands

bxl bx-polar

Package: Boxicons
Category: Brands
Code Point: f1c6

polar brands

Redux Brands

bxl bx-redux

Package: Boxicons
Category: Brands
Code Point: f1d6

redux 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

936 icons