The Phosphor snowflake icon depicts a stylized six-pointed star, commonly used to represent cold weather, winter conditions, or a snow-related status.
Common uses
- Indicate freezing temperatures or frost.
- Show a snow or blizzard warning.
- Represent a 'winter mode' or seasonal theme.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Snowflake } from '@phosphor-icons/react';
<Snowflake size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Snowflake size={24} />thin
<Snowflake size={24} weight="thin" />light
<Snowflake size={24} weight="light" />bold
<Snowflake size={24} weight="bold" />fill
<Snowflake size={24} weight="fill" />duotone
<Snowflake size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- weather
- Keywords
- meteorologysnowysnowingsnowstormweathersnowflakewintercoldfreeze
FAQ
- What does the snowflake icon represent?
- It visually signifies cold weather, snow, or winter conditions in a user interface.
- How do I use the snowflake icon in React?
- Import it from the library and use it as a component: import { Snowflake } from '@phosphor-icons/react'; <Snowflake />.
- What is the license for this icon?
- The Phosphor icon library, including the snowflake 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 →