IP Location.net

Font Icon Library

Boxicons Search

Font Icons
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.
Boxicons

4,063 icons

Browse by package, name, tag, class, or code point.

Vertical Distribute Bottom Filled

bxf bx-vertical-distribute-bottom

Package
Boxicons
Category
Filled
Code Point
f80e

Vertical Distribute Center Filled

bxf bx-vertical-distribute-center

Package
Boxicons
Category
Filled
Code Point
f80f

Vertical Distribute Top Filled

bxf bx-vertical-distribute-top

Package
Boxicons
Category
Filled
Code Point
f810

Vertical Spacing Filled

bxf bx-vertical-spacing

Package
Boxicons
Category
Filled
Code Point
f811

Vertical Top Filled

bxf bx-vertical-top

Package
Boxicons
Category
Filled
Code Point
f812

Vial Alt Filled

bxf bx-vial-alt

Package
Boxicons
Category
Filled
Code Point
f813

Vial Filled

bxf bx-vial

Package
Boxicons
Category
Filled
Code Point
f814

Video Cinema Filled

bxf bx-video-cinema

Package
Boxicons
Category
Filled
Code Point
f815

Video Filled

bxf bx-video

Package
Boxicons
Category
Filled
Code Point
f818

Video Plus Filled

bxf bx-video-plus

Package
Boxicons
Category
Filled
Code Point
f816

Video Slash Filled

bxf bx-video-slash

Package
Boxicons
Category
Filled
Code Point
f817

Vignette Filled

bxf bx-vignette

Package
Boxicons
Category
Filled
Code Point
f819

Virus Filled

bxf bx-virus

Package
Boxicons
Category
Filled
Code Point
f81b

Virus Slash Filled

bxf bx-virus-slash

Package
Boxicons
Category
Filled
Code Point
f81a

Voicemail Filled

bxf bx-voicemail

Package
Boxicons
Category
Filled
Code Point
f81c

Volleyball Filled

bxf bx-volleyball

Package
Boxicons
Category
Filled
Code Point
f81d

Volume Filled

bxf bx-volume

Package
Boxicons
Category
Filled
Code Point
f821

Volume Full Filled

bxf bx-volume-full

Package
Boxicons
Category
Filled
Code Point
f81e

Volume Low Filled

bxf bx-volume-low

Package
Boxicons
Category
Filled
Code Point
f81f

Volume Mute Filled

bxf bx-volume-mute

Package
Boxicons
Category
Filled
Code Point
f820

Vr Goggles Filled

bxf bx-vr-goggles

Package
Boxicons
Category
Filled
Code Point
f822

Vr Headset Filled

bxf bx-vr-headset

Package
Boxicons
Category
Filled
Code Point
f823

Waffle Filled

bxf bx-waffle

Package
Boxicons
Category
Filled
Code Point
f824

Walking Filled

bxf bx-walking

Package
Boxicons
Category
Filled
Code Point
f825

Wall Filled

bxf bx-wall

Package
Boxicons
Category
Filled
Code Point
f826

Wallet Alt Filled

bxf bx-wallet-alt

Package
Boxicons
Category
Filled
Code Point
f827

Wallet Cards Filled

bxf bx-wallet-cards

Package
Boxicons
Category
Filled
Code Point
f828

Wallet Filled

bxf bx-wallet

Package
Boxicons
Category
Filled
Code Point
f82a

Wallet Note Filled

bxf bx-wallet-note

Package
Boxicons
Category
Filled
Code Point
f829

Warehouse Filled

bxf bx-warehouse

Package
Boxicons
Category
Filled
Code Point
f82b

Washer Filled

bxf bx-washer

Package
Boxicons
Category
Filled
Code Point
f82c

Water Drop Alt Filled

bxf bx-water-drop-alt

Package
Boxicons
Category
Filled
Code Point
f82d

Water Drop Filled

bxf bx-water-drop

Package
Boxicons
Category
Filled
Code Point
f82f

Water Drop Half Filled

bxf bx-water-drop-half

Package
Boxicons
Category
Filled
Code Point
f82e

Water Filled

bxf bx-water

Package
Boxicons
Category
Filled
Code Point
f831

Water Spray Filled

bxf bx-water-spray

Package
Boxicons
Category
Filled
Code Point
f830

Watermelon Filled

bxf bx-watermelon

Package
Boxicons
Category
Filled
Code Point
f832

Waveform Filled

bxf bx-waveform

Package
Boxicons
Category
Filled
Code Point
f833

Webcam Filled

bxf bx-webcam

Package
Boxicons
Category
Filled
Code Point
f834

Webhook Filled

bxf bx-webhook

Package
Boxicons
Category
Filled
Code Point
f835

Whiteboard Alt Filled

bxf bx-whiteboard-alt

Package
Boxicons
Category
Filled
Code Point
f836

Whiteboard Filled

bxf bx-whiteboard

Package
Boxicons
Category
Filled
Code Point
f837

Widget Filled

bxf bx-widget

Package
Boxicons
Category
Filled
Code Point
f83b

Widget Horizontal Filled

bxf bx-widget-horizontal

Package
Boxicons
Category
Filled
Code Point
f838

Widget Small Filled

bxf bx-widget-small

Package
Boxicons
Category
Filled
Code Point
f839

Widget Vertical Filled

bxf bx-widget-vertical

Package
Boxicons
Category
Filled
Code Point
f83a

Wifi Filled

bxf bx-wifi-0

Package
Boxicons
Category
Filled
Code Point
f83c

Wifi 1 Filled

bxf bx-wifi-1

Package
Boxicons
Category
Filled
Code Point
f83d

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.