Font Icon Library

Tabler Icons Search

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.

Shareplay

ti ti-shareplay

Package: Tabler Icons
Category: Uncategorized
Code Point: fea5

shareplay

Shi Jumping

ti ti-shi-jumping

Package: Tabler Icons
Category: Uncategorized
Code Point: fa6c

shi jumping

Shield Bolt

ti ti-shield-bolt

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c0

shield bolt

Shield Cancel

ti ti-shield-cancel

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c1

shield cancel

Shield Checkered

ti ti-shield-checkered

Package: Tabler Icons
Category: Uncategorized
Code Point: ef9a

shield checkered

Shield Chevron

ti ti-shield-chevron

Package: Tabler Icons
Category: Uncategorized
Code Point: ef9b

shield chevron

Shield Code

ti ti-shield-code

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c2

shield code

Shield Cog

ti ti-shield-cog

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c3

shield cog

Shield Dollar

ti ti-shield-dollar

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c4

shield dollar

Shield Down

ti ti-shield-down

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c5

shield down

Shield Exclamation

ti ti-shield-exclamation

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c6

shield exclamation

Shield Half

ti ti-shield-half

Package: Tabler Icons
Category: Uncategorized
Code Point: f358

shield half

Shield Heart

ti ti-shield-heart

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c7

shield heart

Shield Minus

ti ti-shield-minus

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c8

shield minus

Shield Off

ti ti-shield-off

Package: Tabler Icons
Category: Uncategorized
Code Point: ecf8

shield off

Shield Pause

ti ti-shield-pause

Package: Tabler Icons
Category: Uncategorized
Code Point: f9c9

shield pause

Shield Pin

ti ti-shield-pin

Package: Tabler Icons
Category: Uncategorized
Code Point: f9ca

shield pin

Shield Plus

ti ti-shield-plus

Package: Tabler Icons
Category: Uncategorized
Code Point: f9cb

shield plus

Shield Question

ti ti-shield-question

Package: Tabler Icons
Category: Uncategorized
Code Point: f9cc

shield question

Shield Search

ti ti-shield-search

Package: Tabler Icons
Category: Uncategorized
Code Point: f9cd

shield search

Shield Share

ti ti-shield-share

Package: Tabler Icons
Category: Uncategorized
Code Point: f9ce

shield share

Shield Star

ti ti-shield-star

Package: Tabler Icons
Category: Uncategorized
Code Point: f9cf

shield star

Shield Up

ti ti-shield-up

Package: Tabler Icons
Category: Uncategorized
Code Point: f9d0

shield up

Ship Off

ti ti-ship-off

Package: Tabler Icons
Category: Uncategorized
Code Point: f42a

ship off

Shirt Off

ti ti-shirt-off

Package: Tabler Icons
Category: Uncategorized
Code Point: f1a2

shirt off

Shirt Sport

ti ti-shirt-sport

Package: Tabler Icons
Category: Uncategorized
Code Point: f26c

shirt sport

Shoe

ti ti-shoe

Package: Tabler Icons
Category: Uncategorized
Code Point: efd2

shoe

Shoe Off

ti ti-shoe-off

Package: Tabler Icons
Category: Uncategorized
Code Point: f1a4

shoe off

Shopping Bag

ti ti-shopping-bag

Package: Tabler Icons
Category: Uncategorized
Code Point: f5f8

shopping bag

Shopping Bag Check

ti ti-shopping-bag-check

Package: Tabler Icons
Category: Uncategorized
Code Point: fc16

shopping bag check

Shopping Bag Discount

ti ti-shopping-bag-discount

Package: Tabler Icons
Category: Uncategorized
Code Point: fc17

shopping bag discount

Shopping Bag Edit

ti ti-shopping-bag-edit

Package: Tabler Icons
Category: Uncategorized
Code Point: fc18

shopping bag edit

Shopping Bag Exclamation

ti ti-shopping-bag-exclamation

Package: Tabler Icons
Category: Uncategorized
Code Point: fc19

shopping bag exclamation

Shopping Bag Heart

ti ti-shopping-bag-heart

Package: Tabler Icons
Category: Uncategorized
Code Point: fda2

shopping bag heart

Shopping Bag Minus

ti ti-shopping-bag-minus

Package: Tabler Icons
Category: Uncategorized
Code Point: fc1a

shopping bag minus

Shopping Bag Plus

ti ti-shopping-bag-plus

Package: Tabler Icons
Category: Uncategorized
Code Point: fc1b

shopping bag plus

Shopping Bag Search

ti ti-shopping-bag-search

Package: Tabler Icons
Category: Uncategorized
Code Point: fc1c

shopping bag search

Shopping Bag X

ti ti-shopping-bag-x

Package: Tabler Icons
Category: Uncategorized
Code Point: fc1d

shopping bag x

Shopping Cart Bolt

ti ti-shopping-cart-bolt

Package: Tabler Icons
Category: Uncategorized
Code Point: fb57

shopping cart bolt

Shopping Cart Cancel

ti ti-shopping-cart-cancel

Package: Tabler Icons
Category: Uncategorized
Code Point: fb58

shopping cart cancel

Shopping Cart Check

ti ti-shopping-cart-check

Package: Tabler Icons
Category: Uncategorized
Code Point: fb59

shopping cart check

Shopping Cart Code

ti ti-shopping-cart-code

Package: Tabler Icons
Category: Uncategorized
Code Point: fb5a

shopping cart code

Shopping Cart Cog

ti ti-shopping-cart-cog

Package: Tabler Icons
Category: Uncategorized
Code Point: fb5b

shopping cart cog

Shopping Cart Copy

ti ti-shopping-cart-copy

Package: Tabler Icons
Category: Uncategorized
Code Point: fb5c

shopping cart copy

Shopping Cart Discount

ti ti-shopping-cart-discount

Package: Tabler Icons
Category: Uncategorized
Code Point: fb5d

shopping cart discount

Shopping Cart Dollar

ti ti-shopping-cart-dollar

Package: Tabler Icons
Category: Uncategorized
Code Point: fb5e

shopping cart dollar

Shopping Cart Down

ti ti-shopping-cart-down

Package: Tabler Icons
Category: Uncategorized
Code Point: fb5f

shopping cart down

Shopping Cart Exclamation

ti ti-shopping-cart-exclamation

Package: Tabler Icons
Category: Uncategorized
Code Point: fb60

shopping cart exclamation

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.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,334 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

4,071 icons