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.

Towel Filled

bxf bx-towel

Package: Boxicons
Category: Filled
Code Point: f7c8

towel filled

Toy Car Filled

bxf bx-toy-car

Package: Boxicons
Category: Filled
Code Point: f7c9

toy car filled

Traffic Barrier Filled

bxf bx-traffic-barrier

Package: Boxicons
Category: Filled
Code Point: f7ca

traffic barrier filled

Traffic Cone Filled

bxf bx-traffic-cone

Package: Boxicons
Category: Filled
Code Point: f7cb

traffic cone filled

Train Filled

bxf bx-train

Package: Boxicons
Category: Filled
Code Point: f7cc

train filled

Tram Filled

bxf bx-tram

Package: Boxicons
Category: Filled
Code Point: f7cd

tram filled

Transgender Filled

bxf bx-transgender

Package: Boxicons
Category: Filled
Code Point: f7ce

transgender filled

Translate Filled

bxf bx-translate

Package: Boxicons
Category: Filled
Code Point: f7cf

translate filled

Transparency Filled

bxf bx-transparency

Package: Boxicons
Category: Filled
Code Point: f7d0

transparency filled

Trash Alt Filled

bxf bx-trash-alt

Package: Boxicons
Category: Filled
Code Point: f7d1

trash alt filled

Trash Filled

bxf bx-trash

Package: Boxicons
Category: Filled
Code Point: f7d3

trash filled

Trash X Filled

bxf bx-trash-x

Package: Boxicons
Category: Filled
Code Point: f7d2

trash x filled

Treasure Chest Filled

bxf bx-treasure-chest

Package: Boxicons
Category: Filled
Code Point: f7d4

treasure chest filled

Tree Alt Filled

bxf bx-tree-alt

Package: Boxicons
Category: Filled
Code Point: f7d5

tree alt filled

Tree Filled

bxf bx-tree

Package: Boxicons
Category: Filled
Code Point: f7d6

tree filled

Trees Filled

bxf bx-trees

Package: Boxicons
Category: Filled
Code Point: f7d7

trees filled

Trending Down Filled

bxf bx-trending-down

Package: Boxicons
Category: Filled
Code Point: f7d8

trending down filled

Trending Up Filled

bxf bx-trending-up

Package: Boxicons
Category: Filled
Code Point: f7d9

trending up filled

Triangle Filled

bxf bx-triangle

Package: Boxicons
Category: Filled
Code Point: f7db

triangle filled

Triangle Half Filled

bxf bx-triangle-half

Package: Boxicons
Category: Filled
Code Point: f7da

triangle half filled

Trip Filled

bxf bx-trip

Package: Boxicons
Category: Filled
Code Point: f7dc

trip filled

Trophy Filled

bxf bx-trophy

Package: Boxicons
Category: Filled
Code Point: f7de

trophy filled

Trophy Star Filled

bxf bx-trophy-star

Package: Boxicons
Category: Filled
Code Point: f7dd

trophy star filled

Truck Filled

bxf bx-truck

Package: Boxicons
Category: Filled
Code Point: f7df

truck filled

Turkey Meat Filled

bxf bx-turkey-meat

Package: Boxicons
Category: Filled
Code Point: f7e0

turkey meat filled

Turn Down Filled

bxf bx-turn-down

Package: Boxicons
Category: Filled
Code Point: f7e1

turn down filled

Turn Left Filled

bxf bx-turn-left

Package: Boxicons
Category: Filled
Code Point: f7e2

turn left filled

Turn Right Filled

bxf bx-turn-right

Package: Boxicons
Category: Filled
Code Point: f7e3

turn right filled

Turn Up Filled

bxf bx-turn-up

Package: Boxicons
Category: Filled
Code Point: f7e4

turn up filled

Tv Alt Filled

bxf bx-tv-alt

Package: Boxicons
Category: Filled
Code Point: f7e5

tv alt filled

Tv Filled

bxf bx-tv

Package: Boxicons
Category: Filled
Code Point: f7e6

tv filled

Umbrella Alt Filled

bxf bx-umbrella-alt

Package: Boxicons
Category: Filled
Code Point: f7e8

umbrella alt filled

Underline Dotted Filled

bxf bx-underline-dotted

Package: Boxicons
Category: Filled
Code Point: f7eb

underline dotted filled

Undershirt Filled

bxf bx-undershirt

Package: Boxicons
Category: Filled
Code Point: f7ee

undershirt filled

Undo Alt Filled

bxf bx-undo-alt

Package: Boxicons
Category: Filled
Code Point: f7ef

undo alt filled

Undo Stroke Alt Filled

bxf bx-undo-stroke-alt

Package: Boxicons
Category: Filled
Code Point: f7f0

undo stroke alt filled

Undo Stroke Filled

bxf bx-undo-stroke

Package: Boxicons
Category: Filled
Code Point: f7f1

undo stroke filled

Unlink Alt Filled

bxf bx-unlink-alt

Package: Boxicons
Category: Filled
Code Point: f7f4

unlink alt filled

Vector Filled

bxf bx-vector

Package: Boxicons
Category: Filled
Code Point: f808

vector filled

Vector Square Filled

bxf bx-vector-square

Package: Boxicons
Category: Filled
Code Point: f806

vector square filled

Vector Triangle Filled

bxf bx-vector-triangle

Package: Boxicons
Category: Filled
Code Point: f807

vector triangle filled

Vertical Align Bottom Filled

bxf bx-vertical-align-bottom

Package: Boxicons
Category: Filled
Code Point: f809

vertical align bottom filled

Vertical Align Center Filled

bxf bx-vertical-align-center

Package: Boxicons
Category: Filled
Code Point: f80a

vertical align center filled

Vertical Align Top Filled

bxf bx-vertical-align-top

Package: Boxicons
Category: Filled
Code Point: f80b

vertical align top filled

Vertical Bottom Filled

bxf bx-vertical-bottom

Package: Boxicons
Category: Filled
Code Point: f80c

vertical bottom filled

Vertical Center Filled

bxf bx-vertical-center

Package: Boxicons
Category: Filled
Code Point: f80d

vertical center filled

Vertical Distribute Bottom Filled

bxf bx-vertical-distribute-bottom

Package: Boxicons
Category: Filled
Code Point: f80e

vertical distribute bottom filled

Vertical Distribute Center Filled

bxf bx-vertical-distribute-center

Package: Boxicons
Category: Filled
Code Point: f80f

vertical distribute center 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

2,194 icons