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.

Slider Alt Basic

bx bx-slider-alt

Package: Boxicons
Category: Basic
Code Point: f737

slider alt basic

Slider Basic

bx bx-slider

Package: Boxicons
Category: Basic
Code Point: f73a

slider basic

Slider Vertical Alt Basic

bx bx-slider-vertical-alt

Package: Boxicons
Category: Basic
Code Point: f738

slider vertical alt basic

Slider Vertical Basic

bx bx-slider-vertical

Package: Boxicons
Category: Basic
Code Point: f739

slider vertical basic

Slideshow Basic

bx bx-slideshow

Package: Boxicons
Category: Basic
Code Point: f73b

slideshow basic

Smile Basic

bx bx-smile

Package: Boxicons
Category: Basic
Code Point: f73c

smile basic

Smoke Alarm Alt 2 Basic

bx bx-smoke-alarm-alt-2

Package: Boxicons
Category: Basic
Code Point: f73d

smoke alarm alt 2

Smoke Alarm Alt Basic

bx bx-smoke-alarm-alt

Package: Boxicons
Category: Basic
Code Point: f73e

smoke alarm alt basic

Smoke Alarm Basic

bx bx-smoke-alarm

Package: Boxicons
Category: Basic
Code Point: f73f

smoke alarm basic

Solar Panel Basic

bx bx-solar-panel

Package: Boxicons
Category: Basic
Code Point: f743

solar panel basic

Square Dashed Basic

bx bx-square-dashed

Package: Boxicons
Category: Basic
Code Point: f753

square dashed basic

Sticker Basic

bx bx-sticker

Package: Boxicons
Category: Basic
Code Point: f763

sticker basic

Subway Basic

bx bx-subway

Package: Boxicons
Category: Basic
Code Point: f773

subway basic

Swap Horizontal Basic

bx bx-swap-horizontal

Package: Boxicons
Category: Basic
Code Point: f783

swap horizontal basic

Table List Basic

bx bx-table-list

Package: Boxicons
Category: Basic
Code Point: f793

table list basic

Target Basic

bx bx-target

Package: Boxicons
Category: Basic
Code Point: f7a3

target basic

Thread Roll Basic

bx bx-thread-roll

Package: Boxicons
Category: Basic
Code Point: f7b3

thread roll basic

Toilet Roll Basic

bx bx-toilet-roll

Package: Boxicons
Category: Basic
Code Point: f7c3

toilet roll basic

Trash Basic

bx bx-trash

Package: Boxicons
Category: Basic
Code Point: f7d3

trash basic

Turn Right Basic

bx bx-turn-right

Package: Boxicons
Category: Basic
Code Point: f7e3

turn right basic

Universal Access Basic

bx bx-universal-access

Package: Boxicons
Category: Basic
Code Point: f7f3

universal access basic

User Basic

bx bx-user

Package: Boxicons
Category: Basic
Code Point: f803

user basic

Vial Alt Basic

bx bx-vial-alt

Package: Boxicons
Category: Basic
Code Point: f813

vial alt basic

Vr Headset Basic

bx bx-vr-headset

Package: Boxicons
Category: Basic
Code Point: f823

vr headset basic

Water Basic

bx bx-water

Package: Boxicons
Category: Basic
Code Point: f831

water basic

Water Spray Basic

bx bx-water-spray

Package: Boxicons
Category: Basic
Code Point: f830

water spray basic

Watermelon Basic

bx bx-watermelon

Package: Boxicons
Category: Basic
Code Point: f832

watermelon basic

Waveform Basic

bx bx-waveform

Package: Boxicons
Category: Basic
Code Point: f833

waveform basic

Webcam Basic

bx bx-webcam

Package: Boxicons
Category: Basic
Code Point: f834

webcam basic

Webhook Basic

bx bx-webhook

Package: Boxicons
Category: Basic
Code Point: f835

webhook basic

Whiteboard Alt Basic

bx bx-whiteboard-alt

Package: Boxicons
Category: Basic
Code Point: f836

whiteboard alt basic

Whiteboard Basic

bx bx-whiteboard

Package: Boxicons
Category: Basic
Code Point: f837

whiteboard basic

Widget Basic

bx bx-widget

Package: Boxicons
Category: Basic
Code Point: f83b

widget basic

Widget Horizontal Basic

bx bx-widget-horizontal

Package: Boxicons
Category: Basic
Code Point: f838

widget horizontal basic

Widget Small Basic

bx bx-widget-small

Package: Boxicons
Category: Basic
Code Point: f839

widget small basic

Widget Vertical Basic

bx bx-widget-vertical

Package: Boxicons
Category: Basic
Code Point: f83a

widget vertical basic

Wifi Basic

bx bx-wifi-0

Package: Boxicons
Category: Basic
Code Point: f83c

wifi basic

Wifi 1 Basic

bx bx-wifi-1

Package: Boxicons
Category: Basic
Code Point: f83d

wifi 1 basic

Wifi 2 Basic

bx bx-wifi-2

Package: Boxicons
Category: Basic
Code Point: f83e

wifi 2 basic

Wifi Slash Basic

bx bx-wifi-slash

Package: Boxicons
Category: Basic
Code Point: f83f

wifi slash basic

Wind Basic

bx bx-wind

Package: Boxicons
Category: Basic
Code Point: f843

wind basic

Wrist Watch Round Alt Basic

bx bx-wrist-watch-round-alt

Package: Boxicons
Category: Basic
Code Point: f853

wrist watch round alt

Adobe Brands

bxl bx-adobe

Package: Boxicons
Category: Brands
Code Point: f103

adobe brands

Auth0 Brands

bxl bx-auth0

Package: Boxicons
Category: Brands
Code Point: f113

auth0 brands

Bun Brands

bxl bx-bun

Package: Boxicons
Category: Brands
Code Point: f123

bun brands

Creative Commons Brands

bxl bx-creative-commons

Package: Boxicons
Category: Brands
Code Point: f130

creative commons brands

Crunchyroll Brands

bxl bx-crunchyroll

Package: Boxicons
Category: Brands
Code Point: f131

crunchyroll brands

Css3 Brands

bxl bx-css3

Package: Boxicons
Category: Brands
Code Point: f132

css3 brands

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