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.

Picture In Picture Close Filled

bxf bx-picture-in-picture-close

Package: Boxicons
Category: Filled
Code Point: f63e

picture in close filled

Picture In Picture Filled

bxf bx-picture-in-picture

Package: Boxicons
Category: Filled
Code Point: f63f

picture in filled

Piggy Bank Filled

bxf bx-piggy-bank

Package: Boxicons
Category: Filled
Code Point: f643

piggy bank filled

Play Circle Filled

bxf bx-play-circle

Package: Boxicons
Category: Filled
Code Point: f653

play circle filled

Pound Filled

bxf bx-pound

Package: Boxicons
Category: Filled
Code Point: f663

pound filled

Queue Filled

bxf bx-queue

Package: Boxicons
Category: Filled
Code Point: f673

queue filled

Receipt Filled

bxf bx-receipt

Package: Boxicons
Category: Filled
Code Point: f683

receipt filled

Refresh Ccw Filled

bxf bx-refresh-ccw

Package: Boxicons
Category: Filled
Code Point: f693

refresh ccw filled

Rfid Filled

bxf bx-rfid

Package: Boxicons
Category: Filled
Code Point: f6a3

rfid filled

Rotate Ccw 30 Filled

bxf bx-rotate-ccw-30

Package: Boxicons
Category: Filled
Code Point: f6ad

rotate ccw 30 filled

Rotate Cw 30 Filled

bxf bx-rotate-cw-30

Package: Boxicons
Category: Filled
Code Point: f6b2

rotate cw 30 filled

Rotate Cw 5 Filled

bxf bx-rotate-cw-5

Package: Boxicons
Category: Filled
Code Point: f6b3

rotate cw 5 filled

Rows 3 Filled

bxf bx-rows-3

Package: Boxicons
Category: Filled
Code Point: f6ba

rows 3 filled

Sad Filled

bxf bx-sad

Package: Boxicons
Category: Filled
Code Point: f6c3

sad filled

School Filled

bxf bx-school

Package: Boxicons
Category: Filled
Code Point: f6d3

school filled

Search Big X Filled

bxf bx-search-big-x

Package: Boxicons
Category: Filled
Code Point: f6e3

search big x filled

Set Intersection Filled

bxf bx-set-intersection

Package: Boxicons
Category: Filled
Code Point: f6f3

set intersection filled

Shape Unite Filled

bxf bx-shape-unite

Package: Boxicons
Category: Filled
Code Point: f703

shape unite filled

Shopping Bag Filled

bxf bx-shopping-bag

Package: Boxicons
Category: Filled
Code Point: f713

shopping bag filled

Signal 3 Filled

bxf bx-signal-3

Package: Boxicons
Category: Filled
Code Point: f720

signal 3 filled

Signal Slash Filled

bxf bx-signal-slash

Package: Boxicons
Category: Filled
Code Point: f723

signal slash filled

Skip Next Filled

bxf bx-skip-next

Package: Boxicons
Category: Filled
Code Point: f730

skip next filled

Skip Previous Circle Filled

bxf bx-skip-previous-circle

Package: Boxicons
Category: Filled
Code Point: f731

skip previous circle filled

Skip Previous Filled

bxf bx-skip-previous

Package: Boxicons
Category: Filled
Code Point: f732

skip previous filled

Skirt Filled

bxf bx-skirt

Package: Boxicons
Category: Filled
Code Point: f733

skirt filled

Skull Filled

bxf bx-skull

Package: Boxicons
Category: Filled
Code Point: f734

skull filled

Sleepy Filled

bxf bx-sleepy

Package: Boxicons
Category: Filled
Code Point: f735

sleepy filled

Slice Filled

bxf bx-slice

Package: Boxicons
Category: Filled
Code Point: f736

slice filled

Slider Alt Filled

bxf bx-slider-alt

Package: Boxicons
Category: Filled
Code Point: f737

slider alt filled

Slider Filled

bxf bx-slider

Package: Boxicons
Category: Filled
Code Point: f73a

slider filled

Slider Vertical Alt Filled

bxf bx-slider-vertical-alt

Package: Boxicons
Category: Filled
Code Point: f738

slider vertical alt filled

Slider Vertical Filled

bxf bx-slider-vertical

Package: Boxicons
Category: Filled
Code Point: f739

slider vertical filled

Slideshow Filled

bxf bx-slideshow

Package: Boxicons
Category: Filled
Code Point: f73b

slideshow filled

Smile Filled

bxf bx-smile

Package: Boxicons
Category: Filled
Code Point: f73c

smile filled

Smoke Alarm Alt 2 Filled

bxf bx-smoke-alarm-alt-2

Package: Boxicons
Category: Filled
Code Point: f73d

smoke alarm alt 2

Smoke Alarm Alt Filled

bxf bx-smoke-alarm-alt

Package: Boxicons
Category: Filled
Code Point: f73e

smoke alarm alt filled

Smoke Alarm Filled

bxf bx-smoke-alarm

Package: Boxicons
Category: Filled
Code Point: f73f

smoke alarm filled

Solar Panel Filled

bxf bx-solar-panel

Package: Boxicons
Category: Filled
Code Point: f743

solar panel filled

Square Dashed Filled

bxf bx-square-dashed

Package: Boxicons
Category: Filled
Code Point: f753

square dashed filled

Sticker Filled

bxf bx-sticker

Package: Boxicons
Category: Filled
Code Point: f763

sticker filled

Subway Filled

bxf bx-subway

Package: Boxicons
Category: Filled
Code Point: f773

subway filled

Swap Horizontal Filled

bxf bx-swap-horizontal

Package: Boxicons
Category: Filled
Code Point: f783

swap horizontal filled

Table List Filled

bxf bx-table-list

Package: Boxicons
Category: Filled
Code Point: f793

table list filled

Target Filled

bxf bx-target

Package: Boxicons
Category: Filled
Code Point: f7a3

target filled

Thread Roll Filled

bxf bx-thread-roll

Package: Boxicons
Category: Filled
Code Point: f7b3

thread roll filled

Toilet Roll Filled

bxf bx-toilet-roll

Package: Boxicons
Category: Filled
Code Point: f7c3

toilet roll filled

Trash Filled

bxf bx-trash

Package: Boxicons
Category: Filled
Code Point: f7d3

trash filled

Turn Right Filled

bxf bx-turn-right

Package: Boxicons
Category: Filled
Code Point: f7e3

turn right 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

982 icons