Home/Libraries/Line Awesome (Iconify)/cloud-showers-heavy-solid

Line Awesome (Iconify)

CloudShowersHeavySolid

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M16 5c-3.332 0-6.05 2.371-6.75 5.5c-1.219.48-2.125 1.371-2.656 2.563C6.394 13.039 6.21 13 6 13c-3.3 0-6 2.7-6 6c0 .066-.004.121 0 .188a5.966 5.966 0 0 0 4.844 5.687L6.75 23H6a3.99 3.99 0 0 1-4-3.875V19c0-2.219 1.781-4 4-4c.293 0 .578.027.875.094l1 .219l.188-.97c.246-1.113 1.14-1.984 2.25-2.25l.656-.155l.094-.688A4.97 4.97 0 0 1 16 7a5 5 0 0 1 4.469 2.75l.375.781l.843-.281c.438-.152.868-.25 1.313-.25c2.219 0 4 1.781 4 4c0-.008-.016.078-.031.313l-.063.718l.657.281A4.01 4.01 0 0 1 30 19c0 2.219-1.781 4-4 4h-.688l-2.03 2H26c3.3 0 6-2.7 6-6c0-2.164-1.27-3.945-3-5c0-3.3-2.7-6-6-6c-.434 0-.797.129-1.188.219C20.563 6.3 18.453 5 16 5m-2.406 14.094l-9.656 9.5L5.343 30L15 20.5zm5 0l-9.657 9.5L10.345 30L20 20.5zm5 0l-9.657 9.5L15.345 30L25 20.5z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CloudShowersHeavySolidIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.