- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f802
Font Icon Library
Tabler Icons Search
392 icons
Matching "x"
Adjustments X
ti ti-adjustments-x
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f80d
Alert Hexagon
ti ti-alert-hexagon
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f80e
Alert Hexagon Off
ti ti-alert-hexagon-off
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- fc66
Align Box Bottom Center
ti ti-align-box-bottom-center
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f530
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
Arrows Exchange
ti ti-arrows-exchange
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f1f4
Arrows Exchange 2
ti ti-arrows-exchange-2
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f1f3
Arrows Maximize
ti ti-arrows-maximize
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ea28
Automatic Gearbox
ti ti-automatic-gearbox
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- fc89
Axe
ti ti-axe
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ef9f
Axis X
ti ti-axis-x
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ef45
Axis Y
ti ti-axis-y
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ef46
Basket Exclamation
ti ti-basket-exclamation
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- fb4b
Basket X
ti ti-basket-x
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- fb56
Battery Exclamation
ti ti-battery-exclamation
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ff1d
Battery Vertical Exclamation
ti ti-battery-vertical-exclamation
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ff15
Bell Exclamation
ti ti-bell-exclamation
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f819
Bell X
ti ti-bell-x
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- ede5
Bluetooth X
ti ti-bluetooth-x
- Package
- Tabler Icons
- Category
- Uncategorized
- Code Point
- f081
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
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.