What is the star icon used for?

It's typically used to indicate user ratings, marking items as favorites, or highlighting important content.

How do I use the star icon in React?

You can import and use it like this: `import { IconStar } from '@tabler/icons-react'`. Then render it as ` `.

The Tabler icon library, including the star icon, is distributed under the MIT license.

Tabler · star · MIT

The Tabler star icon depicts a five-pointed star, commonly used to represent ratings, favorites, or important items in a user interface.

Install

npm i @tabler/icons-react

Import & render

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

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

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

outline

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

filled

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

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: favoritelikemarkbookmarkgradestarcontroloperationratingfunctionsystem

What is the star icon used for?: It's typically used to indicate user ratings, marking items as favorites, or highlighting important content.
How do I use the star icon in React?: You can import and use it like this: `import { IconStar } from '@tabler/icons-react'`. Then render it as `<IconStar />`.
What is the license for the Tabler star icon?: The Tabler icon library, including the star icon, is distributed under the MIT license.

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

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