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.

Superscript Filled

bxf bx-superscript

Package: Boxicons
Category: Filled
Code Point: f77e

superscript filled

Superset Filled

bxf bx-superset

Package: Boxicons
Category: Filled
Code Point: f77f

superset filled

Surfboard Filled

bxf bx-surfboard

Package: Boxicons
Category: Filled
Code Point: f780

surfboard filled

Sushi Filled

bxf bx-sushi

Package: Boxicons
Category: Filled
Code Point: f781

sushi filled

Swap Diagonal Filled

bxf bx-swap-diagonal

Package: Boxicons
Category: Filled
Code Point: f782

swap diagonal filled

Swap Horizontal Filled

bxf bx-swap-horizontal

Package: Boxicons
Category: Filled
Code Point: f783

swap horizontal filled

Swap Vertical Filled

bxf bx-swap-vertical

Package: Boxicons
Category: Filled
Code Point: f784

swap vertical filled

Swatch Filled

bxf bx-swatch

Package: Boxicons
Category: Filled
Code Point: f785

swatch filled

Swimming Filled

bxf bx-swimming

Package: Boxicons
Category: Filled
Code Point: f787

swimming filled

Swimming Pool Filled

bxf bx-swimming-pool

Package: Boxicons
Category: Filled
Code Point: f786

swimming pool filled

Sword Alt Filled

bxf bx-sword-alt

Package: Boxicons
Category: Filled
Code Point: f788

sword alt filled

Sword Filled

bxf bx-sword

Package: Boxicons
Category: Filled
Code Point: f789

sword filled

Syringe Filled

bxf bx-syringe

Package: Boxicons
Category: Filled
Code Point: f78a

syringe filled

T Shirt Filled

bxf bx-t-shirt

Package: Boxicons
Category: Filled
Code Point: f78b

t shirt filled

Tab Filled

bxf bx-tab

Package: Boxicons
Category: Filled
Code Point: f78c

tab filled

Table Cells Filled

bxf bx-table-cells

Package: Boxicons
Category: Filled
Code Point: f78e

table cells filled

Table Cells Large Filled

bxf bx-table-cells-large

Package: Boxicons
Category: Filled
Code Point: f78d

table cells large filled

Table Columns Filled

bxf bx-table-columns

Package: Boxicons
Category: Filled
Code Point: f791

table columns filled

Table Columns Merge Filled

bxf bx-table-columns-merge

Package: Boxicons
Category: Filled
Code Point: f78f

table columns merge filled

Table Columns Split Filled

bxf bx-table-columns-split

Package: Boxicons
Category: Filled
Code Point: f790

table columns split filled

Table Filled

bxf bx-table

Package: Boxicons
Category: Filled
Code Point: f798

table filled

Table Layout Filled

bxf bx-table-layout

Package: Boxicons
Category: Filled
Code Point: f792

table layout filled

Table List Filled

bxf bx-table-list

Package: Boxicons
Category: Filled
Code Point: f793

table list filled

Table Rows Filled

bxf bx-table-rows

Package: Boxicons
Category: Filled
Code Point: f796

table rows filled

Table Rows Merge Filled

bxf bx-table-rows-merge

Package: Boxicons
Category: Filled
Code Point: f794

table rows merge filled

Table Rows Split Filled

bxf bx-table-rows-split

Package: Boxicons
Category: Filled
Code Point: f795

table rows split filled

Table Tennis Filled

bxf bx-table-tennis

Package: Boxicons
Category: Filled
Code Point: f797

table tennis filled

Tablet Filled

bxf bx-tablet

Package: Boxicons
Category: Filled
Code Point: f799

tablet filled

Tabs Filled

bxf bx-tabs

Package: Boxicons
Category: Filled
Code Point: f79a

tabs filled

Tachometer Alt Filled

bxf bx-tachometer-alt

Package: Boxicons
Category: Filled
Code Point: f79b

tachometer alt filled

Tachometer Filled

bxf bx-tachometer

Package: Boxicons
Category: Filled
Code Point: f79c

tachometer filled

Taco Filled

bxf bx-taco

Package: Boxicons
Category: Filled
Code Point: f79d

taco filled

Tag Alt Filled

bxf bx-tag-alt

Package: Boxicons
Category: Filled
Code Point: f79e

tag alt filled

Tag Filled

bxf bx-tag

Package: Boxicons
Category: Filled
Code Point: f7a0

tag filled

Tag X Filled

bxf bx-tag-x

Package: Boxicons
Category: Filled
Code Point: f79f

tag x filled

Takeaway Filled

bxf bx-takeaway

Package: Boxicons
Category: Filled
Code Point: f7a1

takeaway filled

Tape Filled

bxf bx-tape

Package: Boxicons
Category: Filled
Code Point: f7a2

tape filled

Target Filled

bxf bx-target

Package: Boxicons
Category: Filled
Code Point: f7a3

target filled

Task Filled

bxf bx-task

Package: Boxicons
Category: Filled
Code Point: f7a4

task filled

Taxi Filled

bxf bx-taxi

Package: Boxicons
Category: Filled
Code Point: f7a5

taxi filled

Temple Filled

bxf bx-temple

Package: Boxicons
Category: Filled
Code Point: f7a6

temple filled

Tennis Ball Alt Filled

bxf bx-tennis-ball-alt

Package: Boxicons
Category: Filled
Code Point: f7a7

tennis ball alt filled

Tennis Ball Filled

bxf bx-tennis-ball

Package: Boxicons
Category: Filled
Code Point: f7a8

tennis ball filled

Tennis Filled

bxf bx-tennis

Package: Boxicons
Category: Filled
Code Point: f7a9

tennis filled

Tent Filled

bxf bx-tent

Package: Boxicons
Category: Filled
Code Point: f7aa

tent filled

Terminal Filled

bxf bx-terminal

Package: Boxicons
Category: Filled
Code Point: f7ab

terminal filled

Test Tube Filled

bxf bx-test-tube

Package: Boxicons
Category: Filled
Code Point: f7ac

test tube filled

Text Height Filled

bxf bx-text-height

Package: Boxicons
Category: Filled
Code Point: f7ad

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

4,063 icons