IP Location.net

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

602 icons

Matching "on"

Diamonds

ti ti-diamonds

Package
Tabler Icons
Category
Uncategorized
Code Point
eff5

Dimensions

ti ti-dimensions

Package
Tabler Icons
Category
Uncategorized
Code Point
ee7b

Direction

ti ti-direction

Package
Tabler Icons
Category
Uncategorized
Code Point
ebfb

Direction Arrows

ti ti-direction-arrows

Package
Tabler Icons
Category
Uncategorized
Code Point
fd36

Direction Horizontal

ti ti-direction-horizontal

Package
Tabler Icons
Category
Uncategorized
Code Point
ebfa

Direction Sign

ti ti-direction-sign

Package
Tabler Icons
Category
Uncategorized
Code Point
f1f7

Direction Sign Off

ti ti-direction-sign-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f3e5

Directions

ti ti-directions

Package
Tabler Icons
Category
Uncategorized
Code Point
ea8e

Directions Off

ti ti-directions-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f116

Dots Circle Horizontal

ti ti-dots-circle-horizontal

Package
Tabler Icons
Category
Uncategorized
Code Point
ea91

Dots Diagonal

ti ti-dots-diagonal

Package
Tabler Icons
Category
Uncategorized
Code Point
ea93

Dots Diagonal 2

ti ti-dots-diagonal-2

Package
Tabler Icons
Category
Uncategorized
Code Point
ea92

Dragon

ti ti-dragon

Package
Tabler Icons
Category
Uncategorized
Code Point
10272

Drone

ti ti-drone

Package
Tabler Icons
Category
Uncategorized
Code Point
ed79

Drone Off

ti ti-drone-off

Package
Tabler Icons
Category
Uncategorized
Code Point
ee7e

Droplet Exclamation

ti ti-droplet-exclamation

Package
Tabler Icons
Category
Uncategorized
Code Point
f900

Droplet Question

ti ti-droplet-question

Package
Tabler Icons
Category
Uncategorized
Code Point
f906

Earphone Bluetooth

ti ti-earphone-bluetooth

Package
Tabler Icons
Category
Uncategorized
Code Point
1023a

Ease In Control Point

ti ti-ease-in-control-point

Package
Tabler Icons
Category
Uncategorized
Code Point
f570

Ease In Out Control Points

ti ti-ease-in-out-control-points

Package
Tabler Icons
Category
Uncategorized
Code Point
f571

Ease Out Control Point

ti ti-ease-out-control-point

Package
Tabler Icons
Category
Uncategorized
Code Point
f574

Exclamation Circle

ti ti-exclamation-circle

Package
Tabler Icons
Category
Uncategorized
Code Point
f634

Exclamation Mark

ti ti-exclamation-mark

Package
Tabler Icons
Category
Uncategorized
Code Point
efb4

Exclamation Mark Off

ti ti-exclamation-mark-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f124

Eye Exclamation

ti ti-eye-exclamation

Package
Tabler Icons
Category
Uncategorized
Code Point
f7ef

Eye Question

ti ti-eye-question

Package
Tabler Icons
Category
Uncategorized
Code Point
fb77

Favicon

ti ti-favicon

Package
Tabler Icons
Category
Uncategorized
Code Point
fd65

File Description

ti ti-file-description

Package
Tabler Icons
Category
Uncategorized
Code Point
f028

File Function

ti ti-file-function

Package
Tabler Icons
Category
Uncategorized
Code Point
f53e

File Horizontal

ti ti-file-horizontal

Package
Tabler Icons
Category
Uncategorized
Code Point
ebb0

File Orientation

ti ti-file-orientation

Package
Tabler Icons
Category
Uncategorized
Code Point
f2a1

File Phone

ti ti-file-phone

Package
Tabler Icons
Category
Uncategorized
Code Point
ecdc

Filter 2 Exclamation

ti ti-filter-2-exclamation

Package
Tabler Icons
Category
Uncategorized
Code Point
10156

Filter 2 Question

ti ti-filter-2-question

Package
Tabler Icons
Category
Uncategorized
Code Point
10151

Filter Exclamation

ti ti-filter-exclamation

Package
Tabler Icons
Category
Uncategorized
Code Point
fb82

Filter Question

ti ti-filter-question

Package
Tabler Icons
Category
Uncategorized
Code Point
fb86

Fish Bone

ti ti-fish-bone

Package
Tabler Icons
Category
Uncategorized
Code Point
f287

Flag Exclamation

ti ti-flag-exclamation

Package
Tabler Icons
Category
Uncategorized
Code Point
fb92

Flag Question

ti ti-flag-question

Package
Tabler Icons
Category
Uncategorized
Code Point
fb98

Flip Horizontal

ti ti-flip-horizontal

Package
Tabler Icons
Category
Uncategorized
Code Point
eaa7

Float None

ti ti-float-none

Package
Tabler Icons
Category
Uncategorized
Code Point
ed13

Folder Exclamation

ti ti-folder-exclamation

Package
Tabler Icons
Category
Uncategorized
Code Point
f913

Folder Question

ti ti-folder-question

Package
Tabler Icons
Category
Uncategorized
Code Point
f917

Function

ti ti-function

Package
Tabler Icons
Category
Uncategorized
Code Point
f225

Function Off

ti ti-function-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f3f0

Gas Station

ti ti-gas-station

Package
Tabler Icons
Category
Uncategorized
Code Point
ec7d

Gas Station Off

ti ti-gas-station-off

Package
Tabler Icons
Category
Uncategorized
Code Point
f137

Git Pull Request Conflict

ti ti-git-pull-request-conflict

Package
Tabler Icons
Category
Uncategorized
Code Point
10264

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.