- Package
- Boxicons
- Category
- Basic
- Code Point
- f104
Font Icon Library
Boxicons Search
974 icons
Matching "4"
Alert Octagon Basic
bx bx-alert-octagon
- Package
- Boxicons
- Category
- Basic
- Code Point
- f114
Align Vertical Space Between Basic
bx bx-align-vertical-space-between
- Package
- Boxicons
- Category
- Basic
- Code Point
- f124
Archive Arrow Down Basic
bx bx-archive-arrow-down
- Package
- Boxicons
- Category
- Basic
- Code Point
- f134
Arrow Cross Basic
bx bx-arrow-cross
- Package
- Boxicons
- Category
- Basic
- Code Point
- f140
Arrow Down A Z Basic
bx bx-arrow-down-a-z
- Package
- Boxicons
- Category
- Basic
- Code Point
- f141
Arrow Down Circle Basic
bx bx-arrow-down-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f142
Arrow Down Left Basic
bx bx-arrow-down-left
- Package
- Boxicons
- Category
- Basic
- Code Point
- f148
Arrow Down Left Circle Basic
bx bx-arrow-down-left-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f143
Arrow Down Left Square Basic
bx bx-arrow-down-left-square
- Package
- Boxicons
- Category
- Basic
- Code Point
- f144
Arrow Down Left Stroke Basic
bx bx-arrow-down-left-stroke
- Package
- Boxicons
- Category
- Basic
- Code Point
- f147
Arrow Down Left Stroke Circle Basic
bx bx-arrow-down-left-stroke-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f145
Arrow Down Left Stroke Square Basic
bx bx-arrow-down-left-stroke-square
- Package
- Boxicons
- Category
- Basic
- Code Point
- f146
Arrow Down Narrow Wide Basic
bx bx-arrow-down-narrow-wide
- Package
- Boxicons
- Category
- Basic
- Code Point
- f149
Arrow Down Right Basic
bx bx-arrow-down-right
- Package
- Boxicons
- Category
- Basic
- Code Point
- f14f
Arrow Down Right Circle Basic
bx bx-arrow-down-right-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f14a
Arrow Down Right Square Basic
bx bx-arrow-down-right-square
- Package
- Boxicons
- Category
- Basic
- Code Point
- f14b
Arrow Down Right Stroke Basic
bx bx-arrow-down-right-stroke
- Package
- Boxicons
- Category
- Basic
- Code Point
- f14e
Arrow Down Right Stroke Circle Basic
bx bx-arrow-down-right-stroke-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f14c
Arrow Down Right Stroke Square Basic
bx bx-arrow-down-right-stroke-square
- Package
- Boxicons
- Category
- Basic
- Code Point
- f14d
Arrow Down Up Basic
bx bx-arrow-down-up
- Package
- Boxicons
- Category
- Basic
- Code Point
- f154
Arrow In Down Right Circle Basic
bx bx-arrow-in-down-right-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f164
Arrow In Up Left Stroke Square Basic
bx bx-arrow-in-up-left-stroke-square
- Package
- Boxicons
- Category
- Basic
- Code Point
- f174
Arrow Out Down Left Square Basic
bx bx-arrow-out-down-left-square
- Package
- Boxicons
- Category
- Basic
- Code Point
- f184
Arrow Out Up Left Circle Basic
bx bx-arrow-out-up-left-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f194
Arrow Right Basic
bx bx-arrow-right
- Package
- Boxicons
- Category
- Basic
- Code Point
- f1a4
Arrow Up Left Circle Basic
bx bx-arrow-up-left-circle
- Package
- Boxicons
- Category
- Basic
- Code Point
- f1b4
Arrow Up Stroke Basic
bx bx-arrow-up-stroke
- Package
- Boxicons
- Category
- Basic
- Code Point
- f1c4
Bacteria Basic
bx bx-bacteria
- Package
- Boxicons
- Category
- Basic
- Code Point
- f1d4
Barcode Basic
bx bx-barcode
- Package
- Boxicons
- Category
- Basic
- Code Point
- f1e4
Bear Basic
bx bx-bear
- Package
- Boxicons
- Category
- Basic
- Code Point
- f1f4
Biceps Basic
bx bx-biceps
- Package
- Boxicons
- Category
- Basic
- Code Point
- f204
Bolt Alt Basic
bx bx-bolt-alt
- Package
- Boxicons
- Category
- Basic
- Code Point
- f214
Bookmark Heart Basic
bx bx-bookmark-heart
- Package
- Boxicons
- Category
- Basic
- Code Point
- f224
Border Outer Basic
bx bx-border-outer
- Package
- Boxicons
- Category
- Basic
- Code Point
- f234
Box Alt Basic
bx bx-box-alt
- Package
- Boxicons
- Category
- Basic
- Code Point
- f240
Box Basic
bx bx-box
- Package
- Boxicons
- Category
- Basic
- Code Point
- f241
Bracket Basic
bx bx-bracket
- Package
- Boxicons
- Category
- Basic
- Code Point
- f244
Bracket Curly Basic
bx bx-bracket-curly
- Package
- Boxicons
- Category
- Basic
- Code Point
- f242
Bracket Round Basic
bx bx-bracket-round
- Package
- Boxicons
- Category
- Basic
- Code Point
- f243
Braille Basic
bx bx-braille
- Package
- Boxicons
- Category
- Basic
- Code Point
- f245
Brain Basic
bx bx-brain
- Package
- Boxicons
- Category
- Basic
- Code Point
- f247
Brain Circuit Basic
bx bx-brain-circuit
- Package
- Boxicons
- Category
- Basic
- Code Point
- f246
Bread Basic
bx bx-bread
- Package
- Boxicons
- Category
- Basic
- Code Point
- f248
Brick Basic
bx bx-brick
- Package
- Boxicons
- Category
- Basic
- Code Point
- f249
Bridge Basic
bx bx-bridge
- Package
- Boxicons
- Category
- Basic
- Code Point
- f24a
Briefcase Alt 2 Basic
bx bx-briefcase-alt-2
- Package
- Boxicons
- Category
- Basic
- Code Point
- f24b
Briefcase Alt Basic
bx bx-briefcase-alt
- Package
- Boxicons
- Category
- Basic
- Code Point
- f24c
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.