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.

Garage Basic

bx bx-garage

Package: Boxicons
Category: Basic
Code Point: f461

garage basic

Gavel Basic

bx bx-gavel

Package: Boxicons
Category: Basic
Code Point: f462

gavel basic

Gear Basic

bx bx-gear

Package: Boxicons
Category: Basic
Code Point: f463

gear basic

Gem Alt Basic

bx bx-gem-alt

Package: Boxicons
Category: Basic
Code Point: f464

gem alt basic

Gem Basic

bx bx-gem

Package: Boxicons
Category: Basic
Code Point: f465

gem basic

Gestures Basic

bx bx-gestures

Package: Boxicons
Category: Basic
Code Point: f466

gestures basic

Ghost Basic

bx bx-ghost

Package: Boxicons
Category: Basic
Code Point: f467

ghost basic

Gift Basic

bx bx-gift

Package: Boxicons
Category: Basic
Code Point: f468

gift basic

Git Branch Basic

bx bx-git-branch

Package: Boxicons
Category: Basic
Code Point: f469

git branch basic

Git Commit Basic

bx bx-git-commit

Package: Boxicons
Category: Basic
Code Point: f46a

git commit basic

Git Compare Basic

bx bx-git-compare

Package: Boxicons
Category: Basic
Code Point: f46b

git compare basic

Git Merge Basic

bx bx-git-merge

Package: Boxicons
Category: Basic
Code Point: f46d

git merge basic

Git Merge Queue Basic

bx bx-git-merge-queue

Package: Boxicons
Category: Basic
Code Point: f46c

git merge queue basic

Git Pull Request Basic

bx bx-git-pull-request

Package: Boxicons
Category: Basic
Code Point: f470

git pull request basic

Git Pull Request Closed Basic

bx bx-git-pull-request-closed

Package: Boxicons
Category: Basic
Code Point: f46e

git pull request closed

Git Pull Request Draft Basic

bx bx-git-pull-request-draft

Package: Boxicons
Category: Basic
Code Point: f46f

git pull request draft

Git Repo Forked Basic

bx bx-git-repo-forked

Package: Boxicons
Category: Basic
Code Point: f471

git repo forked basic

Glasses Alt Basic

bx bx-glasses-alt

Package: Boxicons
Category: Basic
Code Point: f472

glasses alt basic

Glasses Basic

bx bx-glasses

Package: Boxicons
Category: Basic
Code Point: f473

glasses basic

Globe Africa Basic

bx bx-globe-africa

Package: Boxicons
Category: Basic
Code Point: f474

globe africa basic

Globe Alt 2 Basic

bx bx-globe-alt-2

Package: Boxicons
Category: Basic
Code Point: f475

globe alt 2 basic

Globe Alt 3 Basic

bx bx-globe-alt-3

Package: Boxicons
Category: Basic
Code Point: f476

globe alt 3 basic

Globe Alt Basic

bx bx-globe-alt

Package: Boxicons
Category: Basic
Code Point: f477

globe alt basic

Globe Americas Basic

bx bx-globe-americas

Package: Boxicons
Category: Basic
Code Point: f478

globe americas basic

Globe Antartica Basic

bx bx-globe-antartica

Package: Boxicons
Category: Basic
Code Point: f479

globe antartica basic

Globe Asia Basic

bx bx-globe-asia

Package: Boxicons
Category: Basic
Code Point: f47a

globe asia basic

Globe Basic

bx bx-globe

Package: Boxicons
Category: Basic
Code Point: f47e

globe basic

Globe Europe Basic

bx bx-globe-europe

Package: Boxicons
Category: Basic
Code Point: f47b

globe europe basic

Globe Oceania Basic

bx bx-globe-oceania

Package: Boxicons
Category: Basic
Code Point: f47c

globe oceania basic

Globe Stand Basic

bx bx-globe-stand

Package: Boxicons
Category: Basic
Code Point: f47d

globe stand basic

Golf Ball Basic

bx bx-golf-ball

Package: Boxicons
Category: Basic
Code Point: f47f

golf ball basic

Gradient Basic

bx bx-gradient

Package: Boxicons
Category: Basic
Code Point: f480

gradient basic

Greater Than Basic

bx bx-greater-than

Package: Boxicons
Category: Basic
Code Point: f482

greater than basic

Greater Than Equal Basic

bx bx-greater-than-equal

Package: Boxicons
Category: Basic
Code Point: f481

greater than equal 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

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

3,478 icons