IP Location.net
Sign In

Font Icon Library

Tabler Icons Search

Font Icons
Search and preview Tabler Icons icons, then copy the CSS class, HTML markup, or code point for your project. Tabler Icons provides a large MIT-licensed collection of consistent outline and filled interface icons, including a CSS webfont build. 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.
Tabler Icons

81 icons

Matching "id"

Align Box Center Middle

ti ti-align-box-center-middle

Package
Tabler Icons
Category
Uncategorized
Code Point
f79f
align box center middle

Align Box Left Middle

ti ti-align-box-left-middle

Package
Tabler Icons
Category
Uncategorized
Code Point
f534
align box left middle

Align Box Right Middle

ti ti-align-box-right-middle

Package
Tabler Icons
Category
Uncategorized
Code Point
f537
align box right middle

Arrow Autofit Width

ti ti-arrow-autofit-width

Package
Tabler Icons
Category
Uncategorized
Code Point
ef37
arrow autofit width

Arrow Guide

ti ti-arrow-guide

Package
Tabler Icons
Category
Uncategorized
Code Point
f22a
arrow guide

Border Sides

ti ti-border-sides

Package
Tabler Icons
Category
Uncategorized
Code Point
f7a1
border sides

Bot Id

ti ti-bot-id

Package
Tabler Icons
Category
Uncategorized
Code Point
101f6
bot id

Brand Android

ti ti-brand-android

Package
Tabler Icons
Category
Uncategorized
Code Point
ec16
brand android

Brand Baidu

ti ti-brand-baidu

Package
Tabler Icons
Category
Uncategorized
Code Point
f5e9
brand baidu

Brand Solidjs

ti ti-brand-solidjs

Package
Tabler Icons
Category
Uncategorized
Code Point
f5ee
brand solidjs

Brand Tidal

ti ti-brand-tidal

Package
Tabler Icons
Category
Uncategorized
Code Point
ed70
brand tidal

Brand Youtube Kids

ti ti-brand-youtube-kids

Package
Tabler Icons
Category
Uncategorized
Code Point
f214
brand youtube kids

Building Bridge

ti ti-building-bridge

Package
Tabler Icons
Category
Uncategorized
Code Point
ea4b
building bridge

Building Bridge 2

ti ti-building-bridge-2

Package
Tabler Icons
Category
Uncategorized
Code Point
ea4a
building bridge

Chart Grid Dots

ti ti-chart-grid-dots

Package
Tabler Icons
Category
Uncategorized
Code Point
f4c2
chart grid dots

Divide

ti ti-divide

Package
Tabler Icons
Category
Uncategorized
Code Point
ed5c
divide

Face Id

ti ti-face-id

Package
Tabler Icons
Category
Uncategorized
Code Point
ea9b
face id

Face Id Error

ti ti-face-id-error

Package
Tabler Icons
Category
Uncategorized
Code Point
efa7
face id error

Fidget Spinner

ti ti-fidget-spinner

Package
Tabler Icons
Category
Uncategorized
Code Point
f068
fidget spinner

First Aid Kit

ti ti-first-aid-kit

Package
Tabler Icons
Category
Uncategorized
Code Point
ef5f
first aid kit

First Aid Kit Off

ti ti-first-aid-kit-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f3ed
first aid kit off

Forbid

ti ti-forbid

Package
Tabler Icons
Category
Uncategorized
Code Point
ebd5
forbid

Forbid 2

ti ti-forbid-2

Package
Tabler Icons
Category
Uncategorized
Code Point
ebd4
forbid

Fridge

ti ti-fridge

Package
Tabler Icons
Category
Uncategorized
Code Point
f1fa
fridge

Fridge Off

ti ti-fridge-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f3ef
fridge off

Gender Genderfluid

ti ti-gender-genderfluid

Package
Tabler Icons
Category
Uncategorized
Code Point
f0e9
gender genderfluid

Grid 3X3

ti ti-grid-3x3

Package
Tabler Icons
Category
Uncategorized
Code Point
fca4
grid 3x3

Grid 4X4

ti ti-grid-4x4

Package
Tabler Icons
Category
Uncategorized
Code Point
fca5
grid 4x4

Grid Dots

ti ti-grid-dots

Package
Tabler Icons
Category
Uncategorized
Code Point
eaba
grid dots

Grid Goldenratio

ti ti-grid-goldenratio

Package
Tabler Icons
Category
Uncategorized
Code Point
fca6
grid goldenratio

Grid Pattern

ti ti-grid-pattern

Package
Tabler Icons
Category
Uncategorized
Code Point
efc9
grid pattern

Grid Scan

ti ti-grid-scan

Package
Tabler Icons
Category
Uncategorized
Code Point
fca7
grid scan

Hand Middle Finger

ti ti-hand-middle-finger

Package
Tabler Icons
Category
Uncategorized
Code Point
ec2d
hand middle finger

Hexagonal Pyramid

ti ti-hexagonal-pyramid

Package
Tabler Icons
Category
Uncategorized
Code Point
faa8
hexagonal pyramid

Hexagonal Pyramid Off

ti ti-hexagonal-pyramid-off

Package
Tabler Icons
Category
Uncategorized
Code Point
faa6
hexagonal pyramid off

Hexagonal Pyramid Plus

ti ti-hexagonal-pyramid-plus

Package
Tabler Icons
Category
Uncategorized
Code Point
faa7
hexagonal pyramid plus

Id

ti ti-id

Package
Tabler Icons
Category
Uncategorized
Code Point
eac3
id

Id Badge

ti ti-id-badge

Package
Tabler Icons
Category
Uncategorized
Code Point
eff7
id badge

Id Badge 2

ti ti-id-badge-2

Package
Tabler Icons
Category
Uncategorized
Code Point
f076
id badge

Id Badge Off

ti ti-id-badge-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f3fd
id badge off

Id Off

ti ti-id-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f149
id off

Keyboard Hide

ti ti-keyboard-hide

Package
Tabler Icons
Category
Uncategorized
Code Point
ec7e
keyboard hide

Layout Align Middle

ti ti-layout-align-middle

Package
Tabler Icons
Category
Uncategorized
Code Point
ead0
layout align middle

Layout Grid

ti ti-layout-grid

Package
Tabler Icons
Category
Uncategorized
Code Point
edba
layout grid

Layout Grid Add

ti ti-layout-grid-add

Package
Tabler Icons
Category
Uncategorized
Code Point
edb9
layout grid add

Layout Grid Remove

ti ti-layout-grid-remove

Package
Tabler Icons
Category
Uncategorized
Code Point
fa7d
layout grid remove

Layout Sidebar

ti ti-layout-sidebar

Package
Tabler Icons
Category
Uncategorized
Code Point
eada
layout sidebar

Layout Sidebar Inactive

ti ti-layout-sidebar-inactive

Package
Tabler Icons
Category
Uncategorized
Code Point
fd47
layout sidebar inactive

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.

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.