- Package
- Boxicons
- Category
- Basic
- Code Point
- f107
Font Icon Library
Boxicons Search
932 icons
Matching "7"
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.
Related References
Continue with nearby symbol, code, and web design resources.