John KuehJohn Kueh

star icon

Tabler · star · MIT

Download SVG

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

Common uses

  • User rating system
  • Favorite item toggle
  • Bookmark functionality

Use it in React

Install
npm i @tabler/icons-react
Import & render
import { IconStar } from '@tabler/icons-react';

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

Styles

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

outline
<IconStar size={24} stroke={2} />
filled
<IconStarFilled size={24} stroke={2} />

Details

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

FAQ

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.

Related icons

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

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