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

1,207 icons

Matching "1"

Flower Alt Basic

bx bx-flower-alt

Package
Boxicons
Category
Basic
Code Point
f431

Font Color Basic

bx bx-font-color

Package
Boxicons
Category
Basic
Code Point
f441

Forward Slash Basic

bx bx-forward-slash

Package
Boxicons
Category
Basic
Code Point
f451

Garage Basic

bx bx-garage

Package
Boxicons
Category
Basic
Code Point
f461

Git Repo Forked Basic

bx bx-git-repo-forked

Package
Boxicons
Category
Basic
Code Point
f471

Greater Than Equal Basic

bx bx-greater-than-equal

Package
Boxicons
Category
Basic
Code Point
f481

Groceries Basic

bx bx-groceries

Package
Boxicons
Category
Basic
Code Point
f491

Hard Drive Basic

bx bx-hard-drive

Package
Boxicons
Category
Basic
Code Point
f4a1

Heading 1 Basic

bx bx-heading-1

Package
Boxicons
Category
Basic
Code Point
f4a6

Heart Plus Basic

bx bx-heart-plus

Package
Boxicons
Category
Basic
Code Point
f4b1

Home Alt Basic

bx bx-home-alt

Package
Boxicons
Category
Basic
Code Point
f4c1

Hospital Basic

bx bx-hospital

Package
Boxicons
Category
Basic
Code Point
f4d1

Images Basic

bx bx-images

Package
Boxicons
Category
Basic
Code Point
f4e1

Italic Basic

bx bx-italic

Package
Boxicons
Category
Basic
Code Point
f4f1

Keyframe Hold Linear Out Basic

bx bx-keyframe-hold-linear-out

Package
Boxicons
Category
Basic
Code Point
f501

Layers Basic

bx bx-layers

Package
Boxicons
Category
Basic
Code Point
f514

Layers Down Left Basic

bx bx-layers-down-left

Package
Boxicons
Category
Basic
Code Point
f510

Layers Down Right Basic

bx bx-layers-down-right

Package
Boxicons
Category
Basic
Code Point
f511

Layers Minus Alt Basic

bx bx-layers-minus-alt

Package
Boxicons
Category
Basic
Code Point
f512

Layers Plus Alt Basic

bx bx-layers-plus-alt

Package
Boxicons
Category
Basic
Code Point
f513

Layout Basic

bx bx-layout

Package
Boxicons
Category
Basic
Code Point
f519

Layout Check Basic

bx bx-layout-check

Package
Boxicons
Category
Basic
Code Point
f515

Layout Minus Basic

bx bx-layout-minus

Package
Boxicons
Category
Basic
Code Point
f516

Layout Plus Basic

bx bx-layout-plus

Package
Boxicons
Category
Basic
Code Point
f517

Layout Search Basic

bx bx-layout-search

Package
Boxicons
Category
Basic
Code Point
f518

Leaf Alt Basic

bx bx-leaf-alt

Package
Boxicons
Category
Basic
Code Point
f51a

Leaf Basic

bx bx-leaf

Package
Boxicons
Category
Basic
Code Point
f51b

Left Indent Basic

bx bx-left-indent

Package
Boxicons
Category
Basic
Code Point
f51c

Lemon Basic

bx bx-lemon

Package
Boxicons
Category
Basic
Code Point
f51d

Less Than Basic

bx bx-less-than

Package
Boxicons
Category
Basic
Code Point
f51f

Less Than Equal Basic

bx bx-less-than-equal

Package
Boxicons
Category
Basic
Code Point
f51e

Letter Spacing Basic

bx bx-letter-spacing

Package
Boxicons
Category
Basic
Code Point
f521

List Play Basic

bx bx-list-play

Package
Boxicons
Category
Basic
Code Point
f531

Location X Basic

bx bx-location-x

Package
Boxicons
Category
Basic
Code Point
f541

Male Basic

bx bx-male

Package
Boxicons
Category
Basic
Code Point
f551

Medal Star Alt 2 Basic

bx bx-medal-star-alt-2

Package
Boxicons
Category
Basic
Code Point
f561

Menu Notification Basic

bx bx-menu-notification

Package
Boxicons
Category
Basic
Code Point
f571

Message Bubble Exclamation Basic

bx bx-message-bubble-exclamation

Package
Boxicons
Category
Basic
Code Point
f581

Message Circle Detail Basic

bx bx-message-circle-detail

Package
Boxicons
Category
Basic
Code Point
f591

Message Detail Basic

bx bx-message-detail

Package
Boxicons
Category
Basic
Code Point
f5a1

Microchip Basic

bx bx-microchip

Package
Boxicons
Category
Basic
Code Point
f5b1

Mobile Alt 2 Basic

bx bx-mobile-alt-2

Package
Boxicons
Category
Basic
Code Point
f5c1

Moon Phase 1 Basic

bx bx-moon-phase-1

Package
Boxicons
Category
Basic
Code Point
f5cd

Moon Phase 5 Basic

bx bx-moon-phase-5

Package
Boxicons
Category
Basic
Code Point
f5d1

Move Diagonal Right Basic

bx bx-move-diagonal-right

Package
Boxicons
Category
Basic
Code Point
f5e1

No Entry Basic

bx bx-no-entry

Package
Boxicons
Category
Basic
Code Point
f5f1

Oval Vertical Basic

bx bx-oval-vertical

Package
Boxicons
Category
Basic
Code Point
f601

Paragraph Basic

bx bx-paragraph

Package
Boxicons
Category
Basic
Code Point
f610

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.