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

Matching "fill"

Shape Subtract Filled

bxf bx-shape-subtract

Package
Boxicons
Category
Filled
Code Point
f6ff
shape subtract filled

Shape Trim Alt Filled

bxf bx-shape-trim-alt

Package
Boxicons
Category
Filled
Code Point
f700
shape trim alt filled

Shape Trim Filled

bxf bx-shape-trim

Package
Boxicons
Category
Filled
Code Point
f701
shape trim filled

Shape Unite Alt Filled

bxf bx-shape-unite-alt

Package
Boxicons
Category
Filled
Code Point
f702
shape unite alt filled

Shape Unite Filled

bxf bx-shape-unite

Package
Boxicons
Category
Filled
Code Point
f703
shape unite filled

Shapes Alt 2 Filled

bxf bx-shapes-alt-2

Package
Boxicons
Category
Filled
Code Point
f704
shapes alt 2 filled

Shapes Alt Filled

bxf bx-shapes-alt

Package
Boxicons
Category
Filled
Code Point
f705
shapes alt filled

Shapes Filled

bxf bx-shapes

Package
Boxicons
Category
Filled
Code Point
f706
shapes filled

Share Filled

bxf bx-share

Package
Boxicons
Category
Filled
Code Point
f707
share filled

Shekel Filled

bxf bx-shekel

Package
Boxicons
Category
Filled
Code Point
f708
shekel filled

Shield Alt 2 Filled

bxf bx-shield-alt-2

Package
Boxicons
Category
Filled
Code Point
f709
shield alt 2 filled

Shield Alt Filled

bxf bx-shield-alt

Package
Boxicons
Category
Filled
Code Point
f70a
shield alt filled

Shield Circle Filled

bxf bx-shield-circle

Package
Boxicons
Category
Filled
Code Point
f70b
shield circle filled

Shield Filled

bxf bx-shield

Package
Boxicons
Category
Filled
Code Point
f70e
shield filled

Shield Half Filled

bxf bx-shield-half

Package
Boxicons
Category
Filled
Code Point
f70c
shield half filled

Shield Quarter Filled

bxf bx-shield-quarter

Package
Boxicons
Category
Filled
Code Point
f70d
shield quarter filled

Shinto Filled

bxf bx-shinto

Package
Boxicons
Category
Filled
Code Point
f70f
shinto filled

Ship Filled

bxf bx-ship

Package
Boxicons
Category
Filled
Code Point
f710
ship filled

Shocked Filled

bxf bx-shocked

Package
Boxicons
Category
Filled
Code Point
f711
shocked filled

Shopping Bag Alt Filled

bxf bx-shopping-bag-alt

Package
Boxicons
Category
Filled
Code Point
f712
shopping bag alt filled

Shopping Bag Filled

bxf bx-shopping-bag

Package
Boxicons
Category
Filled
Code Point
f713
shopping bag filled

Shower Filled

bxf bx-shower

Package
Boxicons
Category
Filled
Code Point
f714
shower filled

Shrink Left Filled

bxf bx-shrink-left

Package
Boxicons
Category
Filled
Code Point
f715
shrink left filled

Shrink Right Filled

bxf bx-shrink-right

Package
Boxicons
Category
Filled
Code Point
f716
shrink right filled

Shuffle Filled

bxf bx-shuffle

Package
Boxicons
Category
Filled
Code Point
f717
shuffle filled

Shutter Alt Filled

bxf bx-shutter-alt

Package
Boxicons
Category
Filled
Code Point
f718
shutter alt filled

Shutter Filled

bxf bx-shutter

Package
Boxicons
Category
Filled
Code Point
f719
shutter filled

Shuttlecock Filled

bxf bx-shuttlecock

Package
Boxicons
Category
Filled
Code Point
f71a
shuttlecock filled

Sidebar Filled

bxf bx-sidebar

Package
Boxicons
Category
Filled
Code Point
f71c
sidebar filled

Sidebar Right Filled

bxf bx-sidebar-right

Package
Boxicons
Category
Filled
Code Point
f71b
sidebar right filled

Sigma Filled

bxf bx-sigma

Package
Boxicons
Category
Filled
Code Point
f71d
sigma filled

Signal 1 Filled

bxf bx-signal-1

Package
Boxicons
Category
Filled
Code Point
f71e
signal 1 filled

Signal 2 Filled

bxf bx-signal-2

Package
Boxicons
Category
Filled
Code Point
f71f
signal 2 filled

Signal 3 Filled

bxf bx-signal-3

Package
Boxicons
Category
Filled
Code Point
f720
signal 3 filled

Signal 4 Filled

bxf bx-signal-4

Package
Boxicons
Category
Filled
Code Point
f721
signal 4 filled

Signal 5 Filled

bxf bx-signal-5

Package
Boxicons
Category
Filled
Code Point
f722
signal 5 filled

Signal Slash Filled

bxf bx-signal-slash

Package
Boxicons
Category
Filled
Code Point
f723
signal slash filled

Signature Filled

bxf bx-signature

Package
Boxicons
Category
Filled
Code Point
f724
signature filled

Sikhism Filled

bxf bx-sikhism

Package
Boxicons
Category
Filled
Code Point
f725
sikhism filled

Sine Wave Filled

bxf bx-sine-wave

Package
Boxicons
Category
Filled
Code Point
f726
sine wave filled

Siren Alt Filled

bxf bx-siren-alt

Package
Boxicons
Category
Filled
Code Point
f727
siren alt filled

Siren Filled

bxf bx-siren

Package
Boxicons
Category
Filled
Code Point
f728
siren filled

Sitemap Filled

bxf bx-sitemap

Package
Boxicons
Category
Filled
Code Point
f729
sitemap filled

Size Distort Filled

bxf bx-size-distort

Package
Boxicons
Category
Filled
Code Point
f72a
size distort filled

Size Freeform Filled

bxf bx-size-freeform

Package
Boxicons
Category
Filled
Code Point
f72b
size freeform filled

Size Uniform Filled

bxf bx-size-uniform

Package
Boxicons
Category
Filled
Code Point
f72c
size uniform filled

Size Warp Filled

bxf bx-size-warp

Package
Boxicons
Category
Filled
Code Point
f72d
size warp filled

Skateboard Filled

bxf bx-skateboard

Package
Boxicons
Category
Filled
Code Point
f72e
skateboard filled

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.