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.

Draw Behind Filled

bxf bx-draw-behind

Package: Boxicons
Category: Filled
Code Point: f3c6

draw behind filled

Ease Out Filled

bxf bx-ease-out

Package: Boxicons
Category: Filled
Code Point: f3d6

ease out filled

Equal Square Filled

bxf bx-equal-square

Package: Boxicons
Category: Filled
Code Point: f3e6

equal square filled

Eye Filled

bxf bx-eye

Package: Boxicons
Category: Filled
Code Point: f3f6

eye filled

Feather Filled

bxf bx-feather

Package: Boxicons
Category: Filled
Code Point: f406

feather filled

Film Filled

bxf bx-film

Package: Boxicons
Category: Filled
Code Point: f416

film filled

Fish Alt Filled

bxf bx-fish-alt

Package: Boxicons
Category: Filled
Code Point: f426

fish alt filled

Folder Down Arrow Filled

bxf bx-folder-down-arrow

Package: Boxicons
Category: Filled
Code Point: f436

folder down arrow filled

Football Pitch Filled

bxf bx-football-pitch

Package: Boxicons
Category: Filled
Code Point: f446

football pitch filled

Fullscreen Exit Filled

bxf bx-fullscreen-exit

Package: Boxicons
Category: Filled
Code Point: f456

fullscreen exit filled

Gaming Filled

bxf bx-gaming

Package: Boxicons
Category: Filled
Code Point: f460

gaming filled

Garage Filled

bxf bx-garage

Package: Boxicons
Category: Filled
Code Point: f461

garage filled

Gavel Filled

bxf bx-gavel

Package: Boxicons
Category: Filled
Code Point: f462

gavel filled

Gear Filled

bxf bx-gear

Package: Boxicons
Category: Filled
Code Point: f463

gear filled

Gem Alt Filled

bxf bx-gem-alt

Package: Boxicons
Category: Filled
Code Point: f464

gem alt filled

Gem Filled

bxf bx-gem

Package: Boxicons
Category: Filled
Code Point: f465

gem filled

Gestures Filled

bxf bx-gestures

Package: Boxicons
Category: Filled
Code Point: f466

gestures filled

Ghost Filled

bxf bx-ghost

Package: Boxicons
Category: Filled
Code Point: f467

ghost filled

Gift Filled

bxf bx-gift

Package: Boxicons
Category: Filled
Code Point: f468

gift filled

Git Branch Filled

bxf bx-git-branch

Package: Boxicons
Category: Filled
Code Point: f469

git branch filled

Git Commit Filled

bxf bx-git-commit

Package: Boxicons
Category: Filled
Code Point: f46a

git commit filled

Git Compare Filled

bxf bx-git-compare

Package: Boxicons
Category: Filled
Code Point: f46b

git compare filled

Git Merge Filled

bxf bx-git-merge

Package: Boxicons
Category: Filled
Code Point: f46d

git merge filled

Git Merge Queue Filled

bxf bx-git-merge-queue

Package: Boxicons
Category: Filled
Code Point: f46c

git merge queue filled

Git Pull Request Closed Filled

bxf bx-git-pull-request-closed

Package: Boxicons
Category: Filled
Code Point: f46e

git pull request closed

Git Pull Request Draft Filled

bxf bx-git-pull-request-draft

Package: Boxicons
Category: Filled
Code Point: f46f

git pull request draft

Globe Alt 3 Filled

bxf bx-globe-alt-3

Package: Boxicons
Category: Filled
Code Point: f476

globe alt 3 filled

Grid Circle Plus Filled

bxf bx-grid-circle-plus

Package: Boxicons
Category: Filled
Code Point: f486

grid circle plus filled

Hand Rock Filled

bxf bx-hand-rock

Package: Boxicons
Category: Filled
Code Point: f496

hand rock filled

Heading 1 Filled

bxf bx-heading-1

Package: Boxicons
Category: Filled
Code Point: f4a6

heading 1 filled

Help Circle Filled

bxf bx-help-circle

Package: Boxicons
Category: Filled
Code Point: f4b6

help circle filled

Horizon Sea Filled

bxf bx-horizon-sea

Package: Boxicons
Category: Filled
Code Point: f4c6

horizon sea filled

Hurricane Filled

bxf bx-hurricane

Package: Boxicons
Category: Filled
Code Point: f4d6

hurricane filled

Info Octagon Filled

bxf bx-info-octagon

Package: Boxicons
Category: Filled
Code Point: f4e6

info octagon filled

Joystick Filled

bxf bx-joystick

Package: Boxicons
Category: Filled
Code Point: f4f6

joystick filled

Laptop Alt Filled

bxf bx-laptop-alt

Package: Boxicons
Category: Filled
Code Point: f506

laptop alt filled

Layout Minus Filled

bxf bx-layout-minus

Package: Boxicons
Category: Filled
Code Point: f516

layout minus filled

Like Filled

bxf bx-like

Package: Boxicons
Category: Filled
Code Point: f526

like filled

List X Filled

bxf bx-list-x

Package: Boxicons
Category: Filled
Code Point: f536

list x filled

Lock Open Alt Filled

bxf bx-lock-open-alt

Package: Boxicons
Category: Filled
Code Point: f546

lock open alt filled

Margin Left Filled

bxf bx-margin-left

Package: Boxicons
Category: Filled
Code Point: f556

margin left filled

Medal Alt Filled

bxf bx-medal-alt

Package: Boxicons
Category: Filled
Code Point: f560

medal alt filled

Medal Filled

bxf bx-medal

Package: Boxicons
Category: Filled
Code Point: f564

medal filled

Medal Star Alt 2 Filled

bxf bx-medal-star-alt-2

Package: Boxicons
Category: Filled
Code Point: f561

medal star alt 2

Medal Star Alt Filled

bxf bx-medal-star-alt

Package: Boxicons
Category: Filled
Code Point: f562

medal star alt filled

Medal Star Filled

bxf bx-medal-star

Package: Boxicons
Category: Filled
Code Point: f563

medal star filled

Medical Flask Filled

bxf bx-medical-flask

Package: Boxicons
Category: Filled
Code Point: f565

medical flask filled

Medical Kit Filled

bxf bx-medical-kit

Package: Boxicons
Category: Filled
Code Point: f566

medical kit filled

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