Home/Libraries/Freehand free icons (Iconify)/cloud-disable

Freehand free icons (Iconify)

CloudDisable

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M21.261 7.677a4.94 4.94 0 0 0 1-3C21.91.68 14.754-1.66 12.264 3.139a2.3 2.3 0 0 0-.51-.47a4.418 4.418 0 0 0-6.997 4.199C1.368 6.467-1.24 9.746.62 13.345c.57 1.12 2.799 1.949 3.458 1.619a.31.31 0 0 0-.27-.55a3.49 3.49 0 0 1-2.569-1.41a4.8 4.8 0 0 1-.46-1.999a3.28 3.28 0 0 1 3.83-3.218c.291.06.57.176.819.34a.49.49 0 0 0 .5-.83c-.25-.24-.19-.81-.18-1.18a3.359 3.359 0 0 1 5.348-2.499c.73.51.52 1.47 1.25 1.45c.47 0 .51-.33.91-1.34c1.828-3.799 7.636-1.9 7.996 1a4.32 4.32 0 0 1-.93 2.649s-.55.34-.48.48a.49.49 0 0 0-.22.42c0 .12.37.67.81.34c2.77-.65 3.66 3.508 1.83 5.067a6.44 6.44 0 0 1-2.86 1.32a.35.35 0 0 0 .14.68a7.2 7.2 0 0 0 3.17-1.39c2.219-1.8 1.47-6.287-1.45-6.617"/><path d="M8.006 13.265a.34.34 0 0 0 .37.56c2-1.3 5.218-1.27 6.877.94a4.878 4.878 0 0 1-2.819 7.576a4.59 4.59 0 0 1-3.858-.79c.41-.59 1.77-1.849 2.949-3.398c.83-1.1 1.58-2.28 2.489-3.269a.34.34 0 0 0-.48-.47a33 33 0 0 0-5.528 6.698c-1.46-1.39-2-4.359-.9-5.728a.3.3 0 0 0-.44-.38c-1.11 1.26-.94 3.589-.35 5.058a5.62 5.62 0 0 0 6.368 3.359a5.828 5.828 0 0 0 3.32-9.247a6 6 0 0 0-7.998-.91"/></g></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. CloudDisableIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.