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.

Film Basic

bx bx-film

Package: Boxicons
Category: Basic
Code Point: f416

film basic

Fish Alt Basic

bx bx-fish-alt

Package: Boxicons
Category: Basic
Code Point: f426

fish alt basic

Folder Down Arrow Basic

bx bx-folder-down-arrow

Package: Boxicons
Category: Basic
Code Point: f436

folder down arrow basic

Football Pitch Basic

bx bx-football-pitch

Package: Boxicons
Category: Basic
Code Point: f446

football pitch basic

Fullscreen Exit Basic

bx bx-fullscreen-exit

Package: Boxicons
Category: Basic
Code Point: f456

fullscreen exit basic

Gaming Basic

bx bx-gaming

Package: Boxicons
Category: Basic
Code Point: f460

gaming basic

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

Globe Alt 3 Basic

bx bx-globe-alt-3

Package: Boxicons
Category: Basic
Code Point: f476

globe alt 3 basic

Grid Circle Plus Basic

bx bx-grid-circle-plus

Package: Boxicons
Category: Basic
Code Point: f486

grid circle plus basic

Hand Rock Basic

bx bx-hand-rock

Package: Boxicons
Category: Basic
Code Point: f496

hand rock basic

Heading 1 Basic

bx bx-heading-1

Package: Boxicons
Category: Basic
Code Point: f4a6

heading 1 basic

Help Circle Basic

bx bx-help-circle

Package: Boxicons
Category: Basic
Code Point: f4b6

help circle basic

Horizon Sea Basic

bx bx-horizon-sea

Package: Boxicons
Category: Basic
Code Point: f4c6

horizon sea basic

Hurricane Basic

bx bx-hurricane

Package: Boxicons
Category: Basic
Code Point: f4d6

hurricane basic

Info Octagon Basic

bx bx-info-octagon

Package: Boxicons
Category: Basic
Code Point: f4e6

info octagon basic

Joystick Basic

bx bx-joystick

Package: Boxicons
Category: Basic
Code Point: f4f6

joystick basic

Laptop Alt Basic

bx bx-laptop-alt

Package: Boxicons
Category: Basic
Code Point: f506

laptop alt basic

Layout Minus Basic

bx bx-layout-minus

Package: Boxicons
Category: Basic
Code Point: f516

layout minus basic

Like Basic

bx bx-like

Package: Boxicons
Category: Basic
Code Point: f526

like basic

List X Basic

bx bx-list-x

Package: Boxicons
Category: Basic
Code Point: f536

list x basic

Lock Open Alt Basic

bx bx-lock-open-alt

Package: Boxicons
Category: Basic
Code Point: f546

lock open alt basic

Margin Left Basic

bx bx-margin-left

Package: Boxicons
Category: Basic
Code Point: f556

margin left basic

Medal Alt Basic

bx bx-medal-alt

Package: Boxicons
Category: Basic
Code Point: f560

medal alt basic

Medal Basic

bx bx-medal

Package: Boxicons
Category: Basic
Code Point: f564

medal basic

Medal Star Alt 2 Basic

bx bx-medal-star-alt-2

Package: Boxicons
Category: Basic
Code Point: f561

medal star alt 2

Medal Star Alt Basic

bx bx-medal-star-alt

Package: Boxicons
Category: Basic
Code Point: f562

medal star alt basic

Medal Star Basic

bx bx-medal-star

Package: Boxicons
Category: Basic
Code Point: f563

medal star basic

Medical Flask Basic

bx bx-medical-flask

Package: Boxicons
Category: Basic
Code Point: f565

medical flask basic

Medical Kit Basic

bx bx-medical-kit

Package: Boxicons
Category: Basic
Code Point: f566

medical kit basic

Megaphone Alt Basic

bx bx-megaphone-alt

Package: Boxicons
Category: Basic
Code Point: f567

megaphone alt basic

Megaphone Basic

bx bx-megaphone

Package: Boxicons
Category: Basic
Code Point: f568

megaphone basic

Meh Alt Basic

bx bx-meh-alt

Package: Boxicons
Category: Basic
Code Point: f569

meh alt basic

Meh Basic

bx bx-meh

Package: Boxicons
Category: Basic
Code Point: f56b

meh basic

Meh Blank Basic

bx bx-meh-blank

Package: Boxicons
Category: Basic
Code Point: f56a

meh blank 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

936 icons