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

Matching "fill"

Magnet Filled

bxf bx-magnet

Package
Boxicons
Category
Filled
Code Point
f54f

Mail Open Filled

bxf bx-mail-open

Package
Boxicons
Category
Filled
Code Point
f550

Male Filled

bxf bx-male

Package
Boxicons
Category
Filled
Code Point
f551

Man Filled

bxf bx-man

Package
Boxicons
Category
Filled
Code Point
f553

Man Woman Filled

bxf bx-man-woman

Package
Boxicons
Category
Filled
Code Point
f552

Map Filled

bxf bx-map

Package
Boxicons
Category
Filled
Code Point
f554

Margin Bottom Filled

bxf bx-margin-bottom

Package
Boxicons
Category
Filled
Code Point
f555

Margin Left Filled

bxf bx-margin-left

Package
Boxicons
Category
Filled
Code Point
f556

Margin Right Filled

bxf bx-margin-right

Package
Boxicons
Category
Filled
Code Point
f557

Margin Top Filled

bxf bx-margin-top

Package
Boxicons
Category
Filled
Code Point
f558

Martini Filled

bxf bx-martini

Package
Boxicons
Category
Filled
Code Point
f559

Mask Filled

bxf bx-mask

Package
Boxicons
Category
Filled
Code Point
f55a

Math Alt Filled

bxf bx-math-alt

Package
Boxicons
Category
Filled
Code Point
f55b

Math Filled

bxf bx-math

Package
Boxicons
Category
Filled
Code Point
f55c

Maximize Filled

bxf bx-maximize

Package
Boxicons
Category
Filled
Code Point
f55d

Meat Filled

bxf bx-meat

Package
Boxicons
Category
Filled
Code Point
f55e

Medal Alt 2 Filled

bxf bx-medal-alt-2

Package
Boxicons
Category
Filled
Code Point
f55f

Medal Alt Filled

bxf bx-medal-alt

Package
Boxicons
Category
Filled
Code Point
f560

Medal Filled

bxf bx-medal

Package
Boxicons
Category
Filled
Code Point
f564

Medal Star Alt 2 Filled

bxf bx-medal-star-alt-2

Package
Boxicons
Category
Filled
Code Point
f561

Medal Star Alt Filled

bxf bx-medal-star-alt

Package
Boxicons
Category
Filled
Code Point
f562

Medal Star Filled

bxf bx-medal-star

Package
Boxicons
Category
Filled
Code Point
f563

Medical Flask Filled

bxf bx-medical-flask

Package
Boxicons
Category
Filled
Code Point
f565

Medical Kit Filled

bxf bx-medical-kit

Package
Boxicons
Category
Filled
Code Point
f566

Megaphone Alt Filled

bxf bx-megaphone-alt

Package
Boxicons
Category
Filled
Code Point
f567

Megaphone Filled

bxf bx-megaphone

Package
Boxicons
Category
Filled
Code Point
f568

Meh Alt Filled

bxf bx-meh-alt

Package
Boxicons
Category
Filled
Code Point
f569

Meh Blank Filled

bxf bx-meh-blank

Package
Boxicons
Category
Filled
Code Point
f56a

Meh Filled

bxf bx-meh

Package
Boxicons
Category
Filled
Code Point
f56b

Menorah Filled

bxf bx-menorah

Package
Boxicons
Category
Filled
Code Point
f56c

Menu Close Filled

bxf bx-menu-close

Package
Boxicons
Category
Filled
Code Point
f56d

Menu Closer Filled

bxf bx-menu-closer

Package
Boxicons
Category
Filled
Code Point
f56e

Menu Filled

bxf bx-menu

Package
Boxicons
Category
Filled
Code Point
f577

Menu Filter Filled

bxf bx-menu-filter

Package
Boxicons
Category
Filled
Code Point
f56f

Menu Left Filled

bxf bx-menu-left

Package
Boxicons
Category
Filled
Code Point
f570

Menu Notification Filled

bxf bx-menu-notification

Package
Boxicons
Category
Filled
Code Point
f571

Menu Right Filled

bxf bx-menu-right

Package
Boxicons
Category
Filled
Code Point
f572

Menu Search Filled

bxf bx-menu-search

Package
Boxicons
Category
Filled
Code Point
f573

Menu Select Filled

bxf bx-menu-select

Package
Boxicons
Category
Filled
Code Point
f574

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

Merge Filled

bxf bx-merge

Package
Boxicons
Category
Filled
Code Point
f578

Mesh Filled

bxf bx-mesh

Package
Boxicons
Category
Filled
Code Point
f579

Message Bubble Captions Filled

bxf bx-message-bubble-captions

Package
Boxicons
Category
Filled
Code Point
f57a

Message Bubble Check Filled

bxf bx-message-bubble-check

Package
Boxicons
Category
Filled
Code Point
f57b

Message Bubble Code Filled

bxf bx-message-bubble-code

Package
Boxicons
Category
Filled
Code Point
f57c

Message Bubble Detail Filled

bxf bx-message-bubble-detail

Package
Boxicons
Category
Filled
Code Point
f57d

Message Bubble Dots 2 Filled

bxf bx-message-bubble-dots-2

Package
Boxicons
Category
Filled
Code Point
f57e

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.