The Lucide cloud fog icon visually represents foggy weather conditions and is commonly used in UIs to indicate low visibility, atmospheric obscurity, or a weather forecast for fog.
Common uses
- Weather widgets displaying current conditions
- Map overlays indicating fog advisories
- Status indicators for poor visibility settings
Use it in React
Install
npm i lucide-reactImport & render
import { CloudFog } from 'lucide-react';
<CloudFog size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- weathermistcloudfogfoggymistyhazecloudy
FAQ
- What does the cloud fog icon represent?
- It depicts a cloud with fog, typically used to show weather conditions of low visibility or mist.
- How do I use the cloud fog icon in React?
- You can import it directly from the 'lucide-react' library using: import { CloudFog } from 'lucide-react'.
- What is the license for the Lucide cloud fog icon?
- The Lucide icon library, including the cloud fog 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 →