What is the purpose of the tag icon?

It's used to visually identify items related to pricing, sales, or categorization within an e-commerce context.

How do I use the tag icon in React?

Import it from '@tabler/icons-react' like this: import { IconTag } from '@tabler/icons-react'.

What is the license for the Tabler tag icon?

The Tabler icon set, including the tag icon, is released under the MIT license.

tag icon

Tabler · tag · MIT

The Tabler tag icon visually represents a label or marker, commonly used in e-commerce interfaces to denote product pricing, discounts, or categories.

Common uses

Displaying product prices or sale badges.
Categorizing items in a store.
Indicating featured or new products.

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconTag } from '@tabler/icons-react';

<IconTag size={24} stroke={2} />

Styles

Tabler ships this icon in 2 styles — each its own import:

outline

<IconTag size={24} stroke={2} />

filled

<IconTagFilled size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: E-commerce
Keywords: labelpricetagstorepurchaseshoppingretailbusinesse-commerceprice tagproduct markersale icon

FAQ

What is the purpose of the tag icon?: It's used to visually identify items related to pricing, sales, or categorization within an e-commerce context.
How do I use the tag icon in React?: Import it from '@tabler/icons-react' like this: import { IconTag } from '@tabler/icons-react'.
What is the license for the Tabler tag icon?: The Tabler icon set, including the tag icon, is released under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

lucide phosphor heroicons tabler tabler tabler tabler

Looking for something else? Search Tabler and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →