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.

Server Basic

bx bx-server

Package: Boxicons
Category: Basic
Code Point: f6f2

server basic

Shape Unite Alt Basic

bx bx-shape-unite-alt

Package: Boxicons
Category: Basic
Code Point: f702

shape unite alt basic

Shapes Alt 2 Basic

bx bx-shapes-alt-2

Package: Boxicons
Category: Basic
Code Point: f704

shapes alt 2 basic

Shield Alt 2 Basic

bx bx-shield-alt-2

Package: Boxicons
Category: Basic
Code Point: f709

shield alt 2 basic

Shopping Bag Alt Basic

bx bx-shopping-bag-alt

Package: Boxicons
Category: Basic
Code Point: f712

shopping bag alt basic

Signal 2 Basic

bx bx-signal-2

Package: Boxicons
Category: Basic
Code Point: f71f

signal 2 basic

Signal 3 Basic

bx bx-signal-3

Package: Boxicons
Category: Basic
Code Point: f720

signal 3 basic

Signal 4 Basic

bx bx-signal-4

Package: Boxicons
Category: Basic
Code Point: f721

signal 4 basic

Signal 5 Basic

bx bx-signal-5

Package: Boxicons
Category: Basic
Code Point: f722

signal 5 basic

Signal Slash Basic

bx bx-signal-slash

Package: Boxicons
Category: Basic
Code Point: f723

signal slash basic

Signature Basic

bx bx-signature

Package: Boxicons
Category: Basic
Code Point: f724

signature basic

Sikhism Basic

bx bx-sikhism

Package: Boxicons
Category: Basic
Code Point: f725

sikhism basic

Sine Wave Basic

bx bx-sine-wave

Package: Boxicons
Category: Basic
Code Point: f726

sine wave basic

Siren Alt Basic

bx bx-siren-alt

Package: Boxicons
Category: Basic
Code Point: f727

siren alt basic

Siren Basic

bx bx-siren

Package: Boxicons
Category: Basic
Code Point: f728

siren basic

Sitemap Basic

bx bx-sitemap

Package: Boxicons
Category: Basic
Code Point: f729

sitemap basic

Size Distort Basic

bx bx-size-distort

Package: Boxicons
Category: Basic
Code Point: f72a

size distort basic

Size Freeform Basic

bx bx-size-freeform

Package: Boxicons
Category: Basic
Code Point: f72b

size freeform basic

Size Uniform Basic

bx bx-size-uniform

Package: Boxicons
Category: Basic
Code Point: f72c

size uniform basic

Size Warp Basic

bx bx-size-warp

Package: Boxicons
Category: Basic
Code Point: f72d

size warp basic

Skateboard Basic

bx bx-skateboard

Package: Boxicons
Category: Basic
Code Point: f72e

skateboard basic

Skip Next Circle Basic

bx bx-skip-next-circle

Package: Boxicons
Category: Basic
Code Point: f72f

skip next circle basic

Skip Previous Basic

bx bx-skip-previous

Package: Boxicons
Category: Basic
Code Point: f732

skip previous basic

Smoke Alarm Alt 2 Basic

bx bx-smoke-alarm-alt-2

Package: Boxicons
Category: Basic
Code Point: f73d

smoke alarm alt 2

Sock Basic

bx bx-sock

Package: Boxicons
Category: Basic
Code Point: f742

sock basic

Square Dashed Half Basic

bx bx-square-dashed-half

Package: Boxicons
Category: Basic
Code Point: f752

square dashed half basic

Steps Up Basic

bx bx-steps-up

Package: Boxicons
Category: Basic
Code Point: f762

steps up basic

Store Alt 2 Basic

bx bx-store-alt-2

Package: Boxicons
Category: Basic
Code Point: f767

store alt 2 basic

Subset Basic

bx bx-subset

Package: Boxicons
Category: Basic
Code Point: f772

subset basic

Swap Diagonal Basic

bx bx-swap-diagonal

Package: Boxicons
Category: Basic
Code Point: f782

swap diagonal basic

Table Layout Basic

bx bx-table-layout

Package: Boxicons
Category: Basic
Code Point: f792

table layout basic

Tape Basic

bx bx-tape

Package: Boxicons
Category: Basic
Code Point: f7a2

tape basic

Thought Bubble Basic

bx bx-thought-bubble

Package: Boxicons
Category: Basic
Code Point: f7b2

thought bubble basic

Toggles Basic

bx bx-toggles

Package: Boxicons
Category: Basic
Code Point: f7c2

toggles basic

Trash X Basic

bx bx-trash-x

Package: Boxicons
Category: Basic
Code Point: f7d2

trash x basic

Turn Left Basic

bx bx-turn-left

Package: Boxicons
Category: Basic
Code Point: f7e2

turn left basic

Undo Basic

bx bx-undo

Package: Boxicons
Category: Basic
Code Point: f7f2

undo basic

User X Basic

bx bx-user-x

Package: Boxicons
Category: Basic
Code Point: f802

user x basic

Vertical Top Basic

bx bx-vertical-top

Package: Boxicons
Category: Basic
Code Point: f812

vertical top basic

Volume Basic

bx bx-volume

Package: Boxicons
Category: Basic
Code Point: f821

volume basic

Volume Mute Basic

bx bx-volume-mute

Package: Boxicons
Category: Basic
Code Point: f820

volume mute basic

Vr Goggles Basic

bx bx-vr-goggles

Package: Boxicons
Category: Basic
Code Point: f822

vr goggles basic

Vr Headset Basic

bx bx-vr-headset

Package: Boxicons
Category: Basic
Code Point: f823

vr headset basic

Waffle Basic

bx bx-waffle

Package: Boxicons
Category: Basic
Code Point: f824

waffle basic

Walking Basic

bx bx-walking

Package: Boxicons
Category: Basic
Code Point: f825

walking basic

Wall Basic

bx bx-wall

Package: Boxicons
Category: Basic
Code Point: f826

wall basic

Wallet Alt Basic

bx bx-wallet-alt

Package: Boxicons
Category: Basic
Code Point: f827

wallet alt basic

Wallet Basic

bx bx-wallet

Package: Boxicons
Category: Basic
Code Point: f82a

wallet 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

1,053 icons