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.

Vignette Basic

bx bx-vignette

Package: Boxicons
Category: Basic
Code Point: f819

vignette basic

Volume Mute Basic

bx bx-volume-mute

Package: Boxicons
Category: Basic
Code Point: f820

volume mute basic

Vr Headset Basic

bx bx-vr-headset

Package: Boxicons
Category: Basic
Code Point: f823

vr headset basic

Wallet Alt Basic

bx bx-wallet-alt

Package: Boxicons
Category: Basic
Code Point: f827

wallet alt basic

Wallet Basic

bx bx-wallet

Package: Boxicons
Category: Basic
Code Point: f82a

wallet basic

Wallet Cards Basic

bx bx-wallet-cards

Package: Boxicons
Category: Basic
Code Point: f828

wallet cards basic

Wallet Note Basic

bx bx-wallet-note

Package: Boxicons
Category: Basic
Code Point: f829

wallet note basic

Water Basic

bx bx-water

Package: Boxicons
Category: Basic
Code Point: f831

water basic

Water Drop Alt Basic

bx bx-water-drop-alt

Package: Boxicons
Category: Basic
Code Point: f82d

water drop alt basic

Water Drop Basic

bx bx-water-drop

Package: Boxicons
Category: Basic
Code Point: f82f

water drop basic

Water Drop Half Basic

bx bx-water-drop-half

Package: Boxicons
Category: Basic
Code Point: f82e

water drop half 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

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

Wind Alt Basic

bx bx-wind-alt

Package: Boxicons
Category: Basic
Code Point: f841

wind alt basic

Wind Storm Basic

bx bx-wind-storm

Package: Boxicons
Category: Basic
Code Point: f842

wind storm basic

Window Arrow Out Basic

bx bx-window-arrow-out

Package: Boxicons
Category: Basic
Code Point: f845

window arrow out basic

Window Mac Alt Basic

bx bx-window-mac-alt

Package: Boxicons
Category: Basic
Code Point: f846

window mac alt basic

Wine Alt Basic

bx bx-wine-alt

Package: Boxicons
Category: Basic
Code Point: f84a

wine alt basic

Wink Tongue Basic

bx bx-wink-tongue

Package: Boxicons
Category: Basic
Code Point: f84d

wink tongue basic

Workflow Alt Basic

bx bx-workflow-alt

Package: Boxicons
Category: Basic
Code Point: f850

workflow alt basic

Wrist Watch Alt Basic

bx bx-wrist-watch-alt

Package: Boxicons
Category: Basic
Code Point: f852

wrist watch alt basic

Wrist Watch Basic

bx bx-wrist-watch

Package: Boxicons
Category: Basic
Code Point: f855

wrist watch basic

Wrist Watch Round Alt Basic

bx bx-wrist-watch-round-alt

Package: Boxicons
Category: Basic
Code Point: f853

wrist watch round alt

Wrist Watch Round Basic

bx bx-wrist-watch-round

Package: Boxicons
Category: Basic
Code Point: f854

wrist watch round basic

Anthropic Brands

bxl bx-anthropic

Package: Boxicons
Category: Brands
Code Point: f10a

anthropic brands

Artstation Brands

bxl bx-artstation

Package: Boxicons
Category: Brands
Code Point: f10e

artstation brands

Atlassian Brands

bxl bx-atlassian

Package: Boxicons
Category: Brands
Code Point: f110

atlassian brands

Atom Editor Brands

bxl bx-atom-editor

Package: Boxicons
Category: Brands
Code Point: f111

atom editor brands

Auth0 Brands

bxl bx-auth0

Package: Boxicons
Category: Brands
Code Point: f113

auth0 brands

Autodesk Brands

bxl bx-autodesk

Package: Boxicons
Category: Brands
Code Point: f114

autodesk brands

Better Auth Brands

bxl bx-better-auth

Package: Boxicons
Category: Brands
Code Point: f119

better auth brands

Bitcoin Logo Brands

bxl bx-bitcoin-logo

Package: Boxicons
Category: Brands
Code Point: f11b

bitcoin logo brands

Bolt B Brands

bxl bx-bolt-b

Package: Boxicons
Category: Brands
Code Point: f11f

bolt b brands

Bootstrap Brands

bxl bx-bootstrap

Package: Boxicons
Category: Brands
Code Point: f120

bootstrap brands

Creative Commons Brands

bxl bx-creative-commons

Package: Boxicons
Category: Brands
Code Point: f130

creative commons brands

Dailymotion Brands

bxl bx-dailymotion

Package: Boxicons
Category: Brands
Code Point: f134

dailymotion brands

Dev To Brands

bxl bx-dev-to

Package: Boxicons
Category: Brands
Code Point: f139

dev to brands

Deviantart Brands

bxl bx-deviantart

Package: Boxicons
Category: Brands
Code Point: f13a

deviantart brands

Devpost Brands

bxl bx-devpost

Package: Boxicons
Category: Brands
Code Point: f13b

devpost brands

Digitalocean Brands

bxl bx-digitalocean

Package: Boxicons
Category: Brands
Code Point: f13d

digitalocean brands

Discord Alt Brands

bxl bx-discord-alt

Package: Boxicons
Category: Brands
Code Point: f13e

discord alt brands

Dot Env Brands

bxl bx-dot-env

Package: Boxicons
Category: Brands
Code Point: f144

dot env 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

2,194 icons