- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f530
Font Icon Library
Tabler Icons Search
62 icons
Matching "box"
Align Box Bottom Left
ti ti-align-box-bottom-left
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f531
Align Box Bottom Right
ti ti-align-box-bottom-right
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f532
Align Box Center Bottom
ti ti-align-box-center-bottom
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- facb
Align Box Center Middle
ti ti-align-box-center-middle
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f79f
Align Box Center Stretch
ti ti-align-box-center-stretch
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- facc
Align Box Center Top
ti ti-align-box-center-top
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- facd
Align Box Left Bottom
ti ti-align-box-left-bottom
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f533
Align Box Left Middle
ti ti-align-box-left-middle
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f534
Align Box Left Stretch
ti ti-align-box-left-stretch
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- face
Align Box Left Top
ti ti-align-box-left-top
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f535
Align Box Right Bottom
ti ti-align-box-right-bottom
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f536
Align Box Right Middle
ti ti-align-box-right-middle
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f537
Align Box Right Stretch
ti ti-align-box-right-stretch
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- facf
Align Box Right Top
ti ti-align-box-right-top
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f538
Align Box Top Center
ti ti-align-box-top-center
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f539
Align Box Top Left
ti ti-align-box-top-left
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f53a
Align Box Top Right
ti ti-align-box-top-right
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f53b
Automatic Gearbox
ti ti-automatic-gearbox
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- fc89
Box
ti ti-box
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ea45
Box Align Bottom
ti ti-box-align-bottom
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2a8
Box Align Bottom Left
ti ti-box-align-bottom-left
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2ce
Box Align Bottom Right
ti ti-box-align-bottom-right
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2cf
Box Align Left
ti ti-box-align-left
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2a9
Box Align Right
ti ti-box-align-right
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2aa
Box Align Top
ti ti-box-align-top
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2ab
Box Align Top Left
ti ti-box-align-top-left
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2d0
Box Align Top Right
ti ti-box-align-top-right
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f2d1
Box Margin
ti ti-box-margin
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee0b
Box Model
ti ti-box-model
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee0c
Box Model 2
ti ti-box-model-2
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ef23
Box Model 2 Off
ti ti-box-model-2-off
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f3c9
Box Model Off
ti ti-box-model-off
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f3ca
Box Multiple
ti ti-box-multiple
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee17
Box Multiple
ti ti-box-multiple-0
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee0d
Box Multiple 1
ti ti-box-multiple-1
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee0e
Box Multiple 2
ti ti-box-multiple-2
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee0f
Box Multiple 3
ti ti-box-multiple-3
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee10
Box Multiple 4
ti ti-box-multiple-4
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee11
Box Multiple 5
ti ti-box-multiple-5
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee12
Box Multiple 6
ti ti-box-multiple-6
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee13
Box Multiple 7
ti ti-box-multiple-7
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee14
Box Multiple 8
ti ti-box-multiple-8
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee15
Box Multiple 9
ti ti-box-multiple-9
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee16
Box Off
ti ti-box-off
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f102
Box Padding
ti ti-box-padding
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ee18
Box Seam
ti ti-box-seam
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- eaff
Brand Codesandbox
ti ti-brand-codesandbox
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ed6a
Add Tabler Icons 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.jsdelivr.net/npm/@tabler/[email protected]/dist/tabler-icons.min.css">
Reference version: 3.48.0
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.