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

100 icons

Matching "id"

Android Brands

bxl bx-android

Package
Boxicons
Category
Brands
Code Point
f108

Baidu Brands

bxl bx-baidu

Package
Boxicons
Category
Brands
Code Point
f116

Jsfiddle Brands

bxl bx-jsfiddle

Package
Boxicons
Category
Brands
Code Point
f181

Midjourney Brands

bxl bx-midjourney

Package
Boxicons
Category
Brands
Code Point
f1a5

Arrow Down Narrow Wide Filled

bxf bx-arrow-down-narrow-wide

Package
Boxicons
Category
Filled
Code Point
f149

Arrow Down Wide Narrow Filled

bxf bx-arrow-down-wide-narrow

Package
Boxicons
Category
Filled
Code Point
f155

Arrow Up Narrow Wide Filled

bxf bx-arrow-up-narrow-wide

Package
Boxicons
Category
Filled
Code Point
f1ba

Arrow Up Wide Narrow Filled

bxf bx-arrow-up-wide-narrow

Package
Boxicons
Category
Filled
Code Point
f1c5

Band Aid Filled

bxf bx-band-aid

Package
Boxicons
Category
Filled
Code Point
f1de

Bridge Filled

bxf bx-bridge

Package
Boxicons
Category
Filled
Code Point
f24a

Cube Inside Filled

bxf bx-cube-inside

Package
Boxicons
Category
Filled
Code Point
f364

Cuboid Filled

bxf bx-cuboid

Package
Boxicons
Category
Filled
Code Point
f366

Draw Inside Filled

bxf bx-draw-inside

Package
Boxicons
Category
Filled
Code Point
f3c7

Fridge Filled

bxf bx-fridge

Package
Boxicons
Category
Filled
Code Point
f455

Grid 9 Filled

bxf bx-grid-9

Package
Boxicons
Category
Filled
Code Point
f483

Grid Circle Diagonal Left Filled

bxf bx-grid-circle-diagonal-left

Package
Boxicons
Category
Filled
Code Point
f484

Grid Circle Diagonal Right Filled

bxf bx-grid-circle-diagonal-right

Package
Boxicons
Category
Filled
Code Point
f485

Grid Circle Filled

bxf bx-grid-circle

Package
Boxicons
Category
Filled
Code Point
f487

Grid Circle Plus Filled

bxf bx-grid-circle-plus

Package
Boxicons
Category
Filled
Code Point
f486

Grid Column Left Filled

bxf bx-grid-column-left

Package
Boxicons
Category
Filled
Code Point
f488

Grid Column Right Filled

bxf bx-grid-column-right

Package
Boxicons
Category
Filled
Code Point
f489

Grid Filled

bxf bx-grid

Package
Boxicons
Category
Filled
Code Point
f490

Grid Lines 3 Filled

bxf bx-grid-lines-3

Package
Boxicons
Category
Filled
Code Point
f48a

Grid Lines Filled

bxf bx-grid-lines

Package
Boxicons
Category
Filled
Code Point
f48b

Grid Plus Filled

bxf bx-grid-plus

Package
Boxicons
Category
Filled
Code Point
f48c

Grid Row Bottom Filled

bxf bx-grid-row-bottom

Package
Boxicons
Category
Filled
Code Point
f48d

Grid Row Top Filled

bxf bx-grid-row-top

Package
Boxicons
Category
Filled
Code Point
f48e

Grid Search Filled

bxf bx-grid-search

Package
Boxicons
Category
Filled
Code Point
f48f

Menu Wide Filled

bxf bx-menu-wide

Package
Boxicons
Category
Filled
Code Point
f575

Menu Wider Filled

bxf bx-menu-wider

Package
Boxicons
Category
Filled
Code Point
f576

Monitor Wide Filled

bxf bx-monitor-wide

Package
Boxicons
Category
Filled
Code Point
f5c9

Pyramid Filled

bxf bx-pyramid

Package
Boxicons
Category
Filled
Code Point
f670

Rectangle Wide Filled

bxf bx-rectangle-wide

Package
Boxicons
Category
Filled
Code Point
f685

Rfid Filled

bxf bx-rfid

Package
Boxicons
Category
Filled
Code Point
f6a3

Sidebar Filled

bxf bx-sidebar

Package
Boxicons
Category
Filled
Code Point
f71c

Sidebar Right Filled

bxf bx-sidebar-right

Package
Boxicons
Category
Filled
Code Point
f71b

Slider Alt Filled

bxf bx-slider-alt

Package
Boxicons
Category
Filled
Code Point
f737

Slider Filled

bxf bx-slider

Package
Boxicons
Category
Filled
Code Point
f73a

Slider Vertical Alt Filled

bxf bx-slider-vertical-alt

Package
Boxicons
Category
Filled
Code Point
f738

Slider Vertical Filled

bxf bx-slider-vertical

Package
Boxicons
Category
Filled
Code Point
f739

Slideshow Filled

bxf bx-slideshow

Package
Boxicons
Category
Filled
Code Point
f73b

Text Width Filled

bxf bx-text-width

Package
Boxicons
Category
Filled
Code Point
f7af

Upside Down Filled

bxf bx-upside-down

Package
Boxicons
Category
Filled
Code Point
f7f7

User Id Card Filled

bxf bx-user-id-card

Package
Boxicons
Category
Filled
Code Point
f7fc

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

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.