The Lucide cloud icon visually represents atmospheric clouds and is commonly used in UIs to denote weather conditions, cloud storage, or general online services.
Common uses
- Displaying current weather forecasts.
- Indicating cloud-based data storage or synchronization.
- Representing online services or internet connectivity.
Use it in React
Install
npm i lucide-reactImport & render
import { Cloud } from 'lucide-react';
<Cloud size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weathercloudskystorageonline
FAQ
- What does the cloud icon represent?
- It represents atmospheric clouds, often used for weather, cloud storage, or online services.
- How do I use the cloud icon in React?
- You can import and use it like this: import { Cloud } from 'lucide-react'.
- What is the license for the Lucide cloud icon?
- The Lucide icon library, including the cloud 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 →