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

932 icons

Matching "7"

Air Conditioner Basic

bx bx-air-conditioner

Package
Boxicons
Category
Basic
Code Point
f107

Alert Triangle Basic

bx bx-alert-triangle

Package
Boxicons
Category
Basic
Code Point
f117

Analyze Basic

bx bx-analyze

Package
Boxicons
Category
Basic
Code Point
f127

Area Basic

bx bx-area

Package
Boxicons
Category
Basic
Code Point
f137

Arrow Down Left Stroke Basic

bx bx-arrow-down-left-stroke

Package
Boxicons
Category
Basic
Code Point
f147

Arrow From Bottom Stroke Basic

bx bx-arrow-from-bottom-stroke

Package
Boxicons
Category
Basic
Code Point
f157

Arrow In Down Right Stroke Square Basic

bx bx-arrow-in-down-right-stroke-square

Package
Boxicons
Category
Basic
Code Point
f167

Arrow In Up Circle Half Basic

bx bx-arrow-in-up-circle-half

Package
Boxicons
Category
Basic
Code Point
f170

Arrow In Up Left Circle Basic

bx bx-arrow-in-up-left-circle

Package
Boxicons
Category
Basic
Code Point
f171

Arrow In Up Left Square Basic

bx bx-arrow-in-up-left-square

Package
Boxicons
Category
Basic
Code Point
f172

Arrow In Up Left Stroke Circle Basic

bx bx-arrow-in-up-left-stroke-circle

Package
Boxicons
Category
Basic
Code Point
f173

Arrow In Up Left Stroke Square Basic

bx bx-arrow-in-up-left-stroke-square

Package
Boxicons
Category
Basic
Code Point
f174

Arrow In Up Right Circle Basic

bx bx-arrow-in-up-right-circle

Package
Boxicons
Category
Basic
Code Point
f175

Arrow In Up Right Square Basic

bx bx-arrow-in-up-right-square

Package
Boxicons
Category
Basic
Code Point
f176

Arrow In Up Right Stroke Circle Basic

bx bx-arrow-in-up-right-stroke-circle

Package
Boxicons
Category
Basic
Code Point
f177

Arrow In Up Right Stroke Square Basic

bx bx-arrow-in-up-right-stroke-square

Package
Boxicons
Category
Basic
Code Point
f178

Arrow In Up Square Half Basic

bx bx-arrow-in-up-square-half

Package
Boxicons
Category
Basic
Code Point
f179

Arrow In Up Stroke Circle Half Basic

bx bx-arrow-in-up-stroke-circle-half

Package
Boxicons
Category
Basic
Code Point
f17a

Arrow Left Circle Basic

bx bx-arrow-left-circle

Package
Boxicons
Category
Basic
Code Point
f17b

Arrow Left Right Basic

bx bx-arrow-left-right

Package
Boxicons
Category
Basic
Code Point
f17c

Arrow Left Square Basic

bx bx-arrow-left-square

Package
Boxicons
Category
Basic
Code Point
f17d

Arrow Left Stroke Circle Basic

bx bx-arrow-left-stroke-circle

Package
Boxicons
Category
Basic
Code Point
f17e

Arrow Left Stroke Square Basic

bx bx-arrow-left-stroke-square

Package
Boxicons
Category
Basic
Code Point
f17f

Arrow Out Down Right Circle Basic

bx bx-arrow-out-down-right-circle

Package
Boxicons
Category
Basic
Code Point
f187

Arrow Out Up Left Stroke Square Basic

bx bx-arrow-out-up-left-stroke-square

Package
Boxicons
Category
Basic
Code Point
f197

Arrow S Right Basic

bx bx-arrow-s-right

Package
Boxicons
Category
Basic
Code Point
f1a7

Arrow Up Left Stroke Square Basic

bx bx-arrow-up-left-stroke-square

Package
Boxicons
Category
Basic
Code Point
f1b7

Article Basic

bx bx-article

Package
Boxicons
Category
Basic
Code Point
f1c7

Badge Info Basic

bx bx-badge-info

Package
Boxicons
Category
Basic
Code Point
f1d7

Basket Basic

bx bx-basket

Package
Boxicons
Category
Basic
Code Point
f1e7

Beer Basic

bx bx-beer

Package
Boxicons
Category
Basic
Code Point
f1f7

Bird Basic

bx bx-bird

Package
Boxicons
Category
Basic
Code Point
f207

Bolt Basic

bx bx-bolt

Package
Boxicons
Category
Basic
Code Point
f217

Bookmark Plus Alt Basic

bx bx-bookmark-plus-alt

Package
Boxicons
Category
Basic
Code Point
f227

Border Top Basic

bx bx-border-top

Package
Boxicons
Category
Basic
Code Point
f237

Brain Basic

bx bx-brain

Package
Boxicons
Category
Basic
Code Point
f247

Buddhism Basic

bx bx-buddhism

Package
Boxicons
Category
Basic
Code Point
f257

Button Basic

bx bx-button

Package
Boxicons
Category
Basic
Code Point
f267

Calendar Basic

bx bx-calendar

Package
Boxicons
Category
Basic
Code Point
f27b

Calendar Detail Basic

bx bx-calendar-detail

Package
Boxicons
Category
Basic
Code Point
f270

Calendar Down Arrow Basic

bx bx-calendar-down-arrow

Package
Boxicons
Category
Basic
Code Point
f271

Calendar Event Basic

bx bx-calendar-event

Package
Boxicons
Category
Basic
Code Point
f272

Calendar Heart Basic

bx bx-calendar-heart

Package
Boxicons
Category
Basic
Code Point
f273

Calendar Minus Basic

bx bx-calendar-minus

Package
Boxicons
Category
Basic
Code Point
f274

Calendar Plus Basic

bx bx-calendar-plus

Package
Boxicons
Category
Basic
Code Point
f275

Calendar Search Basic

bx bx-calendar-search

Package
Boxicons
Category
Basic
Code Point
f276

Calendar Star Basic

bx bx-calendar-star

Package
Boxicons
Category
Basic
Code Point
f277

Calendar Up Arrow Basic

bx bx-calendar-up-arrow

Package
Boxicons
Category
Basic
Code Point
f278

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.