What is the star four icon used for?

It's typically used for rating systems, indicating favorites, or showing user preferences.

How do I use the star four icon in React?

Import it from the library like this: import { StarFour } from '@phosphor-icons/react'. Then use it as a component: .

The Phosphor icon library, including the star four icon, is available under the MIT license.

Phosphor · star-four · MIT

The Phosphor star four icon depicts a four-pointed star, commonly used to represent ratings, reviews, or favorite items.

Install

npm i @phosphor-icons/react

Import & render

import { StarFour } from '@phosphor-icons/react';

<StarFour size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<StarFour size={24} />

thin

<StarFour size={24} weight="thin" />

light

<StarFour size={24} weight="light" />

bold

<StarFour size={24} weight="bold" />

fill

<StarFour size={24} weight="fill" />

duotone

<StarFour size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: communications
Keywords: rateratingsfavoritesfavoritedcommunicationsnaturestarfourfour point starrating starfavorite star

What is the star four icon used for?: It's typically used for rating systems, indicating favorites, or showing user preferences.
How do I use the star four icon in React?: Import it from the library like this: import { StarFour } from '@phosphor-icons/react'. Then use it as a component: <StarFour />.
What is the license for this icon?: The Phosphor icon library, including the star four icon, is available under the MIT license.

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

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