The Phosphor pinwheel icon visually represents a spinning toy, often used in UIs to signify games, playfulness, or a loading/processing state.
Common uses
- Game category filter
- Loading indicator for a game
- Visual element in a 'fun facts' section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Pinwheel } from '@phosphor-icons/react';
<Pinwheel size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Pinwheel size={24} />thin
<Pinwheel size={24} weight="thin" />light
<Pinwheel size={24} weight="light" />bold
<Pinwheel size={24} weight="bold" />fill
<Pinwheel size={24} weight="fill" />duotone
<Pinwheel size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- toyswhirligiggamesobjectspinwheeltoyspinner
FAQ
- What does the pinwheel icon represent?
- The pinwheel icon depicts a spinning toy, commonly associated with childhood, play, and sometimes a visual cue for ongoing processes.
- How do I use the pinwheel icon in React?
- You can import and use the pinwheel icon in React with the following statement: import { Pinwheel } from '@phosphor-icons/react'.
- What is the license for the Phosphor pinwheel icon?
- The Phosphor pinwheel icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
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 →