IconSearch logoIconsearch
Home/Libraries/Marketeq (Iconify)/cloud
← Back to Search
Marketeq (Iconify)

Cloud

License: MITCommercial Safe


1.5px
<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 50 50"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path stroke="#818cf8" d="M12.5 31.48a13.73 13.73 0 1 1 20.833-15.084a9.6 9.6 0 0 1 1.73-.167A8.73 8.73 0 0 1 37.5 33.333"/><path stroke="#818cf8" d="M33.056 31.611h-.558a.945.945 0 0 1-.887-.633a.94.94 0 0 1 .188-1.076l.388-.388a.945.945 0 0 0 0-1.34l-1.341-1.351a.946.946 0 0 0-1.342 0l-.387.387a.94.94 0 0 1-1.076.189a.945.945 0 0 1-.652-.897v-.558a.945.945 0 0 0-.945-.944h-1.888a.945.945 0 0 0-.945.944v.558a.945.945 0 0 1-.633.887v0a.94.94 0 0 1-1.076-.188l-.388-.388a.945.945 0 0 0-1.34 0l-1.351 1.341a.946.946 0 0 0 0 1.342l.387.387a.94.94 0 0 1 .189 1.076a.945.945 0 0 1-.888.633h-.567a.945.945 0 0 0-.944.945v1.889a.945.945 0 0 0 .944.944h.558a.94.94 0 0 1 .887.633v0a.94.94 0 0 1-.188 1.076l-.388.388a.945.945 0 0 0 0 1.34l1.332 1.332a.945.945 0 0 0 1.341 0l.387-.387a.945.945 0 0 1 1.077-.189a.945.945 0 0 1 .633.888v.605a.945.945 0 0 0 .944.944h1.89a.944.944 0 0 0 .944-.944v-.558a.94.94 0 0 1 .632-.887a.94.94 0 0 1 1.077.188l.387.388a.946.946 0 0 0 1.341 0l1.332-1.332a.945.945 0 0 0 0-1.341l-.387-.387a.95.95 0 0 1-.19-1.077v0a.94.94 0 0 1 .889-.633h.614a.945.945 0 0 0 .944-.944v-1.917a.945.945 0 0 0-.944-.945"/><path stroke="#818cf8" d="M25.5 36a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. CloudIcon.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.

Related Icons in Marketeq (Iconify)

Browse all Marketeq (Iconify) icons →
1st-place
1st-place
2k
2k
2nd-place
2nd-place
3rd-place
3rd-place
4k-2
4k-2
acorn
acorn
acrobatic-2
acrobatic-2
action-cam
action-cam
action-camera
action-camera
adapter-3
adapter-3
add-collection
add-collection
add-playlist
add-playlist