The Phosphor rainbow cloud icon, named 'rainbow-cloud', visually represents a cloud with a rainbow, often used to signify weather conditions or themes related to pride and LGBTQ+.
Common uses
- Displaying weather forecasts (e.g., chance of rain with sun).
- Indicating LGBTQ+ events or support.
- Illustrating themes of luck or fantasy.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { RainbowCloud } from '@phosphor-icons/react';
<RainbowCloud size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<RainbowCloud size={24} />thin
<RainbowCloud size={24} weight="thin" />light
<RainbowCloud size={24} weight="light" />bold
<RainbowCloud size={24} weight="bold" />fill
<RainbowCloud size={24} weight="fill" />duotone
<RainbowCloud size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- weather
- Keywords
- meteorologyrainstormcloudypartly cloudypartly sunnypridelgbtq+leprechaunweatherrainbowcloudweather rainbowpride cloudlgbtq+ weathercloudy rainbow
FAQ
- What does the rainbow cloud icon represent?
- It depicts a cloud with a rainbow, commonly used for weather-related contexts or to symbolize pride and LGBTQ+ themes.
- How do I use the rainbow cloud icon in React?
- You can import it using: import { RainbowCloud } from '@phosphor-icons/react' and then use it as a React component.
- What is the license for this icon?
- The Phosphor icon library, including the rainbow cloud icon, is distributed 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 →