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

5,229 icons

Browse by package, name, tag, class, or code point.

Arrow Sharp Turn Right

ti ti-arrow-sharp-turn-right

Package
Tabler Icons
Category
Uncategorized
Code Point
f05b

Arrow Up

ti ti-arrow-up

Package
Tabler Icons
Category
Uncategorized
Code Point
ea25

Arrow Up Bar

ti ti-arrow-up-bar

Package
Tabler Icons
Category
Uncategorized
Code Point
eda4

Arrow Up Circle

ti ti-arrow-up-circle

Package
Tabler Icons
Category
Uncategorized
Code Point
ea20

Arrow Up Dashed

ti ti-arrow-up-dashed

Package
Tabler Icons
Category
Uncategorized
Code Point
10063

Arrow Up From Arc

ti ti-arrow-up-from-arc

Package
Tabler Icons
Category
Uncategorized
Code Point
fd8c

Arrow Up Left

ti ti-arrow-up-left

Package
Tabler Icons
Category
Uncategorized
Code Point
ea22

Arrow Up Left Circle

ti ti-arrow-up-left-circle

Package
Tabler Icons
Category
Uncategorized
Code Point
ea21

Arrow Up Rhombus

ti ti-arrow-up-rhombus

Package
Tabler Icons
Category
Uncategorized
Code Point
f620

Arrow Up Right

ti ti-arrow-up-right

Package
Tabler Icons
Category
Uncategorized
Code Point
ea24

Arrow Up Right Circle

ti ti-arrow-up-right-circle

Package
Tabler Icons
Category
Uncategorized
Code Point
ea23

Arrow Up Square

ti ti-arrow-up-square

Package
Tabler Icons
Category
Uncategorized
Code Point
eda6

Arrow Up Tail

ti ti-arrow-up-tail

Package
Tabler Icons
Category
Uncategorized
Code Point
eda7

Arrow Up To Arc

ti ti-arrow-up-to-arc

Package
Tabler Icons
Category
Uncategorized
Code Point
fd8d

Arrow Wave Left Down

ti ti-arrow-wave-left-down

Package
Tabler Icons
Category
Uncategorized
Code Point
eda8

Arrow Wave Left Up

ti ti-arrow-wave-left-up

Package
Tabler Icons
Category
Uncategorized
Code Point
eda9

Arrow Wave Right Down

ti ti-arrow-wave-right-down

Package
Tabler Icons
Category
Uncategorized
Code Point
edaa

Arrow Wave Right Up

ti ti-arrow-wave-right-up

Package
Tabler Icons
Category
Uncategorized
Code Point
edab

Arrow Zig Zag

ti ti-arrow-zig-zag

Package
Tabler Icons
Category
Uncategorized
Code Point
f4a7

Arrows Cross

ti ti-arrows-cross

Package
Tabler Icons
Category
Uncategorized
Code Point
effe

Arrows Diagonal

ti ti-arrows-diagonal

Package
Tabler Icons
Category
Uncategorized
Code Point
ea27

Arrows Diagonal 2

ti ti-arrows-diagonal-2

Package
Tabler Icons
Category
Uncategorized
Code Point
ea26

Arrows Diagonal Minimize

ti ti-arrows-diagonal-minimize

Package
Tabler Icons
Category
Uncategorized
Code Point
ef39

Arrows Diagonal Minimize 2

ti ti-arrows-diagonal-minimize-2

Package
Tabler Icons
Category
Uncategorized
Code Point
ef38

Arrows Diff

ti ti-arrows-diff

Package
Tabler Icons
Category
Uncategorized
Code Point
f296

Arrows Double Ne Sw

ti ti-arrows-double-ne-sw

Package
Tabler Icons
Category
Uncategorized
Code Point
edde

Arrows Double Nw Se

ti ti-arrows-double-nw-se

Package
Tabler Icons
Category
Uncategorized
Code Point
eddf

Arrows Double Se Nw

ti ti-arrows-double-se-nw

Package
Tabler Icons
Category
Uncategorized
Code Point
ede0

Arrows Double Sw Ne

ti ti-arrows-double-sw-ne

Package
Tabler Icons
Category
Uncategorized
Code Point
ede1

Arrows Down

ti ti-arrows-down

Package
Tabler Icons
Category
Uncategorized
Code Point
edad

Arrows Down Up

ti ti-arrows-down-up

Package
Tabler Icons
Category
Uncategorized
Code Point
edac

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 Horizontal

ti ti-arrows-horizontal

Package
Tabler Icons
Category
Uncategorized
Code Point
eb59

Arrows Join

ti ti-arrows-join

Package
Tabler Icons
Category
Uncategorized
Code Point
edaf

Arrows Join 2

ti ti-arrows-join-2

Package
Tabler Icons
Category
Uncategorized
Code Point
edae

Arrows Left

ti ti-arrows-left

Package
Tabler Icons
Category
Uncategorized
Code Point
edb1

Arrows Left Down

ti ti-arrows-left-down

Package
Tabler Icons
Category
Uncategorized
Code Point
ee00

Arrows Left Right

ti ti-arrows-left-right

Package
Tabler Icons
Category
Uncategorized
Code Point
edb0

Arrows Maximize

ti ti-arrows-maximize

Package
Tabler Icons
Category
Uncategorized
Code Point
ea28

Arrows Minimize

ti ti-arrows-minimize

Package
Tabler Icons
Category
Uncategorized
Code Point
ea29

Arrows Move

ti ti-arrows-move

Package
Tabler Icons
Category
Uncategorized
Code Point
f22f

Arrows Move Horizontal

ti ti-arrows-move-horizontal

Package
Tabler Icons
Category
Uncategorized
Code Point
f22d

Arrows Move Vertical

ti ti-arrows-move-vertical

Package
Tabler Icons
Category
Uncategorized
Code Point
f22e

Arrows Random

ti ti-arrows-random

Package
Tabler Icons
Category
Uncategorized
Code Point
f095

Arrows Right

ti ti-arrows-right

Package
Tabler Icons
Category
Uncategorized
Code Point
edb3

Arrows Right Down

ti ti-arrows-right-down

Package
Tabler Icons
Category
Uncategorized
Code Point
ee01

Arrows Right Left

ti ti-arrows-right-left

Package
Tabler Icons
Category
Uncategorized
Code Point
edb2

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.