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.

Steps Down Basic

bx bx-steps-down

Package: Boxicons
Category: Basic
Code Point: f761

steps down basic

Steps Up Basic

bx bx-steps-up

Package: Boxicons
Category: Basic
Code Point: f762

steps up basic

Sticker Basic

bx bx-sticker

Package: Boxicons
Category: Basic
Code Point: f763

sticker basic

Stop Basic

bx bx-stop

Package: Boxicons
Category: Basic
Code Point: f765

stop basic

Stop Circle Basic

bx bx-stop-circle

Package: Boxicons
Category: Basic
Code Point: f764

stop circle basic

Stopwatch Basic

bx bx-stopwatch

Package: Boxicons
Category: Basic
Code Point: f766

stopwatch basic

Store Alt 2 Basic

bx bx-store-alt-2

Package: Boxicons
Category: Basic
Code Point: f767

store alt 2 basic

Store Alt Basic

bx bx-store-alt

Package: Boxicons
Category: Basic
Code Point: f768

store alt basic

Store Basic

bx bx-store

Package: Boxicons
Category: Basic
Code Point: f769

store basic

Strategy Basic

bx bx-strategy

Package: Boxicons
Category: Basic
Code Point: f76a

strategy basic

Street View Basic

bx bx-street-view

Package: Boxicons
Category: Basic
Code Point: f76b

street view basic

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

Stroke Pen Basic

bx bx-stroke-pen

Package: Boxicons
Category: Basic
Code Point: f770

stroke pen basic

Subscript Basic

bx bx-subscript

Package: Boxicons
Category: Basic
Code Point: f771

subscript basic

Subset Basic

bx bx-subset

Package: Boxicons
Category: Basic
Code Point: f772

subset basic

Subway Basic

bx bx-subway

Package: Boxicons
Category: Basic
Code Point: f773

subway basic

Sun Basic

bx bx-sun

Package: Boxicons
Category: Basic
Code Point: f77d

sun basic

Sun Bright Basic

bx bx-sun-bright

Package: Boxicons
Category: Basic
Code Point: f774

sun bright basic

Sun Dim Basic

bx bx-sun-dim

Package: Boxicons
Category: Basic
Code Point: f775

sun dim basic

Sun Drizzle Basic

bx bx-sun-drizzle

Package: Boxicons
Category: Basic
Code Point: f776

sun drizzle basic

Sun Fog Basic

bx bx-sun-fog

Package: Boxicons
Category: Basic
Code Point: f777

sun fog basic

Sun Rain Basic

bx bx-sun-rain

Package: Boxicons
Category: Basic
Code Point: f779

sun rain basic

Sun Rain Wind Basic

bx bx-sun-rain-wind

Package: Boxicons
Category: Basic
Code Point: f778

sun rain wind basic

Sun Rise Basic

bx bx-sun-rise

Package: Boxicons
Category: Basic
Code Point: f77a

sun rise basic

Sun Set Basic

bx bx-sun-set

Package: Boxicons
Category: Basic
Code Point: f77b

sun set basic

Sun Snow Basic

bx bx-sun-snow

Package: Boxicons
Category: Basic
Code Point: f77c

sun snow basic

Superscript Basic

bx bx-superscript

Package: Boxicons
Category: Basic
Code Point: f77e

superscript basic

Superset Basic

bx bx-superset

Package: Boxicons
Category: Basic
Code Point: f77f

superset basic

Surfboard Basic

bx bx-surfboard

Package: Boxicons
Category: Basic
Code Point: f780

surfboard basic

Sushi Basic

bx bx-sushi

Package: Boxicons
Category: Basic
Code Point: f781

sushi basic

Swap Diagonal Basic

bx bx-swap-diagonal

Package: Boxicons
Category: Basic
Code Point: f782

swap diagonal basic

Swap Horizontal Basic

bx bx-swap-horizontal

Package: Boxicons
Category: Basic
Code Point: f783

swap horizontal basic

Swap Vertical Basic

bx bx-swap-vertical

Package: Boxicons
Category: Basic
Code Point: f784

swap vertical basic

Swatch Basic

bx bx-swatch

Package: Boxicons
Category: Basic
Code Point: f785

swatch basic

Swimming Basic

bx bx-swimming

Package: Boxicons
Category: Basic
Code Point: f787

swimming basic

Swimming Pool Basic

bx bx-swimming-pool

Package: Boxicons
Category: Basic
Code Point: f786

swimming pool basic

Sword Alt Basic

bx bx-sword-alt

Package: Boxicons
Category: Basic
Code Point: f788

sword alt basic

Sword Basic

bx bx-sword

Package: Boxicons
Category: Basic
Code Point: f789

sword basic

Syringe Basic

bx bx-syringe

Package: Boxicons
Category: Basic
Code Point: f78a

syringe basic

T Shirt Basic

bx bx-t-shirt

Package: Boxicons
Category: Basic
Code Point: f78b

t shirt basic

Tab Basic

bx bx-tab

Package: Boxicons
Category: Basic
Code Point: f78c

tab basic

Table Basic

bx bx-table

Package: Boxicons
Category: Basic
Code Point: f798

table basic

Table Cells Basic

bx bx-table-cells

Package: Boxicons
Category: Basic
Code Point: f78e

table cells basic

Table Cells Large Basic

bx bx-table-cells-large

Package: Boxicons
Category: Basic
Code Point: f78d

table cells large basic

Table Columns Basic

bx bx-table-columns

Package: Boxicons
Category: Basic
Code Point: f791

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

4,063 icons