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

Freehand free icons (Iconify)

CloudCheck

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.258 7.482a5 5 0 0 0 1-3c-.34-3.999-7.51-6.349-10-1.54a2.5 2.5 0 0 0-.5-.48a4.43 4.43 0 0 0-6.998 4.2A4.13 4.13 0 0 0 0 10.802a5.7 5.7 0 0 0 .6 2.35c.57 1.11 2.8 1.95 3.46 1.62a.31.31 0 0 0-.27-.55a3.47 3.47 0 0 1-2.57-1.38c-1.44-3 .6-5.6 3.37-5.25c.29.06.568.172.82.33a.49.49 0 0 0 .5-.83c-.25-.24-.19-.8-.18-1.18a3.35 3.35 0 0 1 5.349-2.49c.75.52.52 1.46 1.25 1.44c.46 0 .5-.3.92-1.33c1.82-3.809 7.639-1.92 7.999 1a4.37 4.37 0 0 1-.93 2.65s-.55.33-.49.47a.53.53 0 0 0-.21.42c0 .12.37.68.81.34c2.8-.58 3.57 3.61 1.79 5.12a6.4 6.4 0 0 1-2.82 1.3a.35.35 0 0 0 .14.68a7.1 7.1 0 0 0 3.17-1.4c2.22-1.8 1.48-6.29-1.45-6.63"/><path d="M7 15.141c-1.65 2.43-.8 6 .84 7a.302.302 0 1 0 .34-.5c-1.3-.91-1.89-4-.42-6a4.89 4.89 0 0 1 7.639-.4c2.41 2.86 1 7.2-3.27 7.7a5.7 5.7 0 0 1-2.32-.16a.344.344 0 0 0-.22.649a6.25 6.25 0 0 0 2.62.28a5.56 5.56 0 0 0 4.08-9.199a5.8 5.8 0 0 0-9.29.63"/><path d="M10.51 20.501c1.14.07 2.5-3.12 3-4.15a1 1 0 0 0 .27-.58a.36.36 0 0 0-.65-.18c-.24.29-2.72 3.89-2.66 4c-.2 0-1.2-1.17-1.35-1.27s-.58.18-.35.51c.39.59 1.07 1.64 1.74 1.67"/></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. CloudCheckIcon.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.