IP Location.net
Sign In

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,884 icons

Matching "basic"

Male Basic

bx bx-male

Package
Boxicons
Category
Basic
Code Point
f551
male basic

Man Basic

bx bx-man

Package
Boxicons
Category
Basic
Code Point
f553
man basic

Man Woman Basic

bx bx-man-woman

Package
Boxicons
Category
Basic
Code Point
f552
man woman basic

Map Basic

bx bx-map

Package
Boxicons
Category
Basic
Code Point
f554
map basic

Margin Bottom Basic

bx bx-margin-bottom

Package
Boxicons
Category
Basic
Code Point
f555
margin bottom basic

Margin Left Basic

bx bx-margin-left

Package
Boxicons
Category
Basic
Code Point
f556
margin left basic

Margin Right Basic

bx bx-margin-right

Package
Boxicons
Category
Basic
Code Point
f557
margin right basic

Margin Top Basic

bx bx-margin-top

Package
Boxicons
Category
Basic
Code Point
f558
margin top basic

Martini Basic

bx bx-martini

Package
Boxicons
Category
Basic
Code Point
f559
martini basic

Mask Basic

bx bx-mask

Package
Boxicons
Category
Basic
Code Point
f55a
mask basic

Math Alt Basic

bx bx-math-alt

Package
Boxicons
Category
Basic
Code Point
f55b
math alt basic

Math Basic

bx bx-math

Package
Boxicons
Category
Basic
Code Point
f55c
math basic

Maximize Basic

bx bx-maximize

Package
Boxicons
Category
Basic
Code Point
f55d
maximize basic

Meat Basic

bx bx-meat

Package
Boxicons
Category
Basic
Code Point
f55e
meat basic

Medal Alt 2 Basic

bx bx-medal-alt-2

Package
Boxicons
Category
Basic
Code Point
f55f
medal alt 2 basic

Medal Alt Basic

bx bx-medal-alt

Package
Boxicons
Category
Basic
Code Point
f560
medal alt basic

Medal Basic

bx bx-medal

Package
Boxicons
Category
Basic
Code Point
f564
medal basic

Medal Star Alt 2 Basic

bx bx-medal-star-alt-2

Package
Boxicons
Category
Basic
Code Point
f561
medal star alt 2

Medal Star Alt Basic

bx bx-medal-star-alt

Package
Boxicons
Category
Basic
Code Point
f562
medal star alt basic

Medal Star Basic

bx bx-medal-star

Package
Boxicons
Category
Basic
Code Point
f563
medal star basic

Medical Flask Basic

bx bx-medical-flask

Package
Boxicons
Category
Basic
Code Point
f565
medical flask basic

Medical Kit Basic

bx bx-medical-kit

Package
Boxicons
Category
Basic
Code Point
f566
medical kit basic

Megaphone Alt Basic

bx bx-megaphone-alt

Package
Boxicons
Category
Basic
Code Point
f567
megaphone alt basic

Megaphone Basic

bx bx-megaphone

Package
Boxicons
Category
Basic
Code Point
f568
megaphone basic

Meh Alt Basic

bx bx-meh-alt

Package
Boxicons
Category
Basic
Code Point
f569
meh alt basic

Meh Basic

bx bx-meh

Package
Boxicons
Category
Basic
Code Point
f56b
meh basic

Meh Blank Basic

bx bx-meh-blank

Package
Boxicons
Category
Basic
Code Point
f56a
meh blank basic

Menorah Basic

bx bx-menorah

Package
Boxicons
Category
Basic
Code Point
f56c
menorah basic

Menu Basic

bx bx-menu

Package
Boxicons
Category
Basic
Code Point
f577
menu basic

Menu Close Basic

bx bx-menu-close

Package
Boxicons
Category
Basic
Code Point
f56d
menu close basic

Menu Closer Basic

bx bx-menu-closer

Package
Boxicons
Category
Basic
Code Point
f56e
menu closer basic

Menu Filter Basic

bx bx-menu-filter

Package
Boxicons
Category
Basic
Code Point
f56f
menu filter basic

Menu Left Basic

bx bx-menu-left

Package
Boxicons
Category
Basic
Code Point
f570
menu left basic

Menu Notification Basic

bx bx-menu-notification

Package
Boxicons
Category
Basic
Code Point
f571
menu notification basic

Menu Right Basic

bx bx-menu-right

Package
Boxicons
Category
Basic
Code Point
f572
menu right basic

Menu Search Basic

bx bx-menu-search

Package
Boxicons
Category
Basic
Code Point
f573
menu search basic

Menu Select Basic

bx bx-menu-select

Package
Boxicons
Category
Basic
Code Point
f574
menu select basic

Menu Wide Basic

bx bx-menu-wide

Package
Boxicons
Category
Basic
Code Point
f575
menu wide basic

Menu Wider Basic

bx bx-menu-wider

Package
Boxicons
Category
Basic
Code Point
f576
menu wider basic

Merge Basic

bx bx-merge

Package
Boxicons
Category
Basic
Code Point
f578
merge basic

Mesh Basic

bx bx-mesh

Package
Boxicons
Category
Basic
Code Point
f579
mesh basic

Message Basic

bx bx-message

Package
Boxicons
Category
Basic
Code Point
f5af
message basic

Message Bubble Basic

bx bx-message-bubble

Package
Boxicons
Category
Basic
Code Point
f58b
message bubble basic

Message Bubble Captions Basic

bx bx-message-bubble-captions

Package
Boxicons
Category
Basic
Code Point
f57a
message bubble captions basic

Message Bubble Check Basic

bx bx-message-bubble-check

Package
Boxicons
Category
Basic
Code Point
f57b
message bubble check basic

Message Bubble Code Basic

bx bx-message-bubble-code

Package
Boxicons
Category
Basic
Code Point
f57c
message bubble code basic

Message Bubble Detail Basic

bx bx-message-bubble-detail

Package
Boxicons
Category
Basic
Code Point
f57d
message bubble detail basic

Message Bubble Dots 2 Basic

bx bx-message-bubble-dots-2

Package
Boxicons
Category
Basic
Code Point
f57e
message bubble dots 2

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.

Related References

Continue with nearby symbol, code, and web design resources.

Symbol Codes Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities. HTML Color Codes Browse common HTML color codes and convert between hex, RGB, and HSL color formats. Font Generator Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.