The Phosphor tag chevron icon depicts a tag with a chevron pointing right, commonly used to indicate a category, a tag applied to an item, or a navigation step within a commerce or product-related interface.
Common uses
- Displaying product tags or categories
- Indicating the next step in a checkout or onboarding flow
- Labeling items in a sales or promotion section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TagChevron } from '@phosphor-icons/react';
<TagChevron size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TagChevron size={24} />thin
<TagChevron size={24} weight="thin" />light
<TagChevron size={24} weight="light" />bold
<TagChevron size={24} weight="bold" />fill
<TagChevron size={24} weight="fill" />duotone
<TagChevron size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- tagshashtaglabelssalecommercetechnology & developmentobjectstagchevronprice tagcategory tagsale tagarrow tag
FAQ
- What is the tag chevron icon used for?
- It's typically used to represent tags, categories, or navigation steps, especially in e-commerce or product listing contexts.
- How do I use the tag chevron icon in React?
- You can import it as `TagChevron` from '@phosphor-icons/react' and use it like any other React component: `<TagChevron />`.
- What is the license for the Phosphor tag chevron icon?
- The Phosphor icon library, including the tag chevron icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →