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.

Table Columns Merge Basic

bx bx-table-columns-merge

Package: Boxicons
Category: Basic
Code Point: f78f

Table Columns Split Basic

bx bx-table-columns-split

Package: Boxicons
Category: Basic
Code Point: f790

table columns split basic

Table Layout Basic

bx bx-table-layout

Package: Boxicons
Category: Basic
Code Point: f792

table layout basic

Table List Basic

bx bx-table-list

Package: Boxicons
Category: Basic
Code Point: f793

table list basic

Table Rows Basic

bx bx-table-rows

Package: Boxicons
Category: Basic
Code Point: f796

table rows basic

Table Rows Merge Basic

bx bx-table-rows-merge

Package: Boxicons
Category: Basic
Code Point: f794

table rows merge basic

Table Rows Split Basic

bx bx-table-rows-split

Package: Boxicons
Category: Basic
Code Point: f795

table rows split basic

Table Tennis Basic

bx bx-table-tennis

Package: Boxicons
Category: Basic
Code Point: f797

table tennis basic

Tablet Basic

bx bx-tablet

Package: Boxicons
Category: Basic
Code Point: f799

tablet basic

Tabs Basic

bx bx-tabs

Package: Boxicons
Category: Basic
Code Point: f79a

tabs basic

Tachometer Alt Basic

bx bx-tachometer-alt

Package: Boxicons
Category: Basic
Code Point: f79b

tachometer alt basic

Tachometer Basic

bx bx-tachometer

Package: Boxicons
Category: Basic
Code Point: f79c

tachometer basic

Taco Basic

bx bx-taco

Package: Boxicons
Category: Basic
Code Point: f79d

taco basic

Tag Alt Basic

bx bx-tag-alt

Package: Boxicons
Category: Basic
Code Point: f79e

tag alt basic

Tag Basic

bx bx-tag

Package: Boxicons
Category: Basic
Code Point: f7a0

tag basic

Tag X Basic

bx bx-tag-x

Package: Boxicons
Category: Basic
Code Point: f79f

tag x basic

Takeaway Basic

bx bx-takeaway

Package: Boxicons
Category: Basic
Code Point: f7a1

takeaway basic

Tape Basic

bx bx-tape

Package: Boxicons
Category: Basic
Code Point: f7a2

tape basic

Target Basic

bx bx-target

Package: Boxicons
Category: Basic
Code Point: f7a3

target basic

Task Basic

bx bx-task

Package: Boxicons
Category: Basic
Code Point: f7a4

task basic

Taxi Basic

bx bx-taxi

Package: Boxicons
Category: Basic
Code Point: f7a5

taxi basic

Temple Basic

bx bx-temple

Package: Boxicons
Category: Basic
Code Point: f7a6

temple basic

Tennis Ball Alt Basic

bx bx-tennis-ball-alt

Package: Boxicons
Category: Basic
Code Point: f7a7

tennis ball alt basic

Tennis Ball Basic

bx bx-tennis-ball

Package: Boxicons
Category: Basic
Code Point: f7a8

tennis ball basic

Tennis Basic

bx bx-tennis

Package: Boxicons
Category: Basic
Code Point: f7a9

tennis basic

Tent Basic

bx bx-tent

Package: Boxicons
Category: Basic
Code Point: f7aa

tent basic

Terminal Basic

bx bx-terminal

Package: Boxicons
Category: Basic
Code Point: f7ab

terminal basic

Test Tube Basic

bx bx-test-tube

Package: Boxicons
Category: Basic
Code Point: f7ac

test tube basic

Text Height Basic

bx bx-text-height

Package: Boxicons
Category: Basic
Code Point: f7ad

text height basic

Text Underline Basic

bx bx-text-underline

Package: Boxicons
Category: Basic
Code Point: f7ae

text underline basic

Text Width Basic

bx bx-text-width

Package: Boxicons
Category: Basic
Code Point: f7af

text width basic

Texture Basic

bx bx-texture

Package: Boxicons
Category: Basic
Code Point: f7b0

texture basic

Thermometer Basic

bx bx-thermometer

Package: Boxicons
Category: Basic
Code Point: f7b1

thermometer basic

Thought Bubble Basic

bx bx-thought-bubble

Package: Boxicons
Category: Basic
Code Point: f7b2

thought bubble basic

Thread Roll Basic

bx bx-thread-roll

Package: Boxicons
Category: Basic
Code Point: f7b3

thread roll basic

Thumb Down Basic

bx bx-thumb-down

Package: Boxicons
Category: Basic
Code Point: f7b4

thumb down basic

Thumb Up Basic

bx bx-thumb-up

Package: Boxicons
Category: Basic
Code Point: f7b5

thumb up basic

Thunder Basic

bx bx-thunder

Package: Boxicons
Category: Basic
Code Point: f7b6

thunder basic

Ticket Basic

bx bx-ticket

Package: Boxicons
Category: Basic
Code Point: f7b8

ticket basic

Ticket Star Basic

bx bx-ticket-star

Package: Boxicons
Category: Basic
Code Point: f7b7

ticket star basic

Tickets Basic

bx bx-tickets

Package: Boxicons
Category: Basic
Code Point: f7b9

tickets basic

Timeline Basic

bx bx-timeline

Package: Boxicons
Category: Basic
Code Point: f7ba

timeline basic

Timer Basic

bx bx-timer

Package: Boxicons
Category: Basic
Code Point: f7bb

timer basic

Tiny Home Basic

bx bx-tiny-home

Package: Boxicons
Category: Basic
Code Point: f7bc

tiny home basic

Tired Basic

bx bx-tired

Package: Boxicons
Category: Basic
Code Point: f7bd

tired basic

Toggle Big Left Basic

bx bx-toggle-big-left

Package: Boxicons
Category: Basic
Code Point: f7be

toggle big left basic

Toggle Big Right Basic

bx bx-toggle-big-right

Package: Boxicons
Category: Basic
Code Point: f7bf

toggle big right basic

Toggle Left Basic

bx bx-toggle-left

Package: Boxicons
Category: Basic
Code Point: f7c0

toggle left 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,335 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

4,063 icons