The Lucide rainbow icon visually represents a spectrum of colors, often used in UIs to signify themes related to diversity, pride, or a positive outcome.
Common uses
- Pride month themes
- Success or completion indicators
- Color customization options
Use it in React
Install
npm i lucide-reactImport & render
import { Rainbow } from 'lucide-react';
<Rainbow size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- colorscoloursspectrumlightprismarcclearsunshinerainbow
FAQ
- What does the rainbow icon represent?
- It depicts a colorful arc, commonly symbolizing diversity, pride, or a positive result.
- How do I use the rainbow icon in React?
- Import it from 'lucide-react' and use it as a component: import { Rainbow } from 'lucide-react'.
- What is the license for the Lucide rainbow icon?
- The Lucide icon library, including the rainbow icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →