Home/Libraries/Fluent UI System Icons (Iconify)/cloud-error-32-regular

Fluent UI System Icons (Iconify)

CloudError32Regular

License: MITCommercial 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="M10 11c0-1.3.438-2.818 1.399-3.992C12.334 5.866 13.799 5 16 5c1.3 0 2.818.439 3.992 1.399C21.134 7.334 22 8.799 22 11a1 1 0 0 0 1 1c1.296 0 2.577.424 3.514 1.148c.739.57 1.247 1.309 1.42 2.177a9 9 0 0 1 1.942 2.017Q30 16.696 30 16c0-1.886-.937-3.41-2.264-4.435c-1.067-.825-2.403-1.343-3.78-1.508c-.225-2.319-1.277-4.043-2.698-5.206C19.682 3.561 17.7 3 16 3c-2.8 0-4.834 1.134-6.149 2.742c-1.055 1.289-1.622 2.85-1.794 4.305C3.93 10.47 2 13.644 2 16c0 1.145.284 2.665 1.372 3.909C4.485 21.179 6.292 22 9 22h4.514c.038-.69.153-1.36.338-2H9c-2.293 0-3.485-.68-4.122-1.408C4.216 17.836 4 16.855 4 16c0-1.472 1.376-4 5-4a1 1 0 0 0 1-1m20 11.5a7.5 7.5 0 1 0-15 0a7.5 7.5 0 0 0 15 0m-6.75-4.25v5.5a.75.75 0 0 1-1.5 0v-5.5a.75.75 0 0 1 1.5 0m.25 8.25a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></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. CloudError32RegularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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