Home/Libraries/Google Cloud Icons (Iconify)/cloud-ids

Google Cloud Icons (Iconify)

CloudIds

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 24 24"><path fill="#818cf8" d="M6 7.85v3.78a6 6 0 0 0 0 .75A7.58 7.58 0 0 0 8.4 17a7.34 7.34 0 0 0 3.43 1.86H12v-3.74a3.12 3.12 0 0 1 0-6.24V5.06Zm14.22 3.37a.78.78 0 0 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75A1.53 1.53 0 1 0 21.75 12a1.53 1.53 0 0 0-1.53-1.53"/><path fill="#818cf8" d="M12 5.06v3.82a3.12 3.12 0 0 1 0 6.24v3.76h.17A7.34 7.34 0 0 0 15.6 17a7.58 7.58 0 0 0 2.34-4.6a6 6 0 0 0 0-.75v-3.8Zm8.22-.35a.78.78 0 1 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75a1.53 1.53 0 1 0 1.53 1.53A1.52 1.52 0 0 0 20.22 4ZM3.78 17.73a.78.78 0 0 1 0 1.56a.78.78 0 1 1 0-1.56m0-.75a1.53 1.53 0 1 0 1.52 1.53A1.53 1.53 0 0 0 3.78 17Z"/><path fill="#818cf8" d="M3.78 11.22a.78.78 0 0 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75A1.53 1.53 0 1 0 5.3 12a1.53 1.53 0 0 0-1.52-1.53"/><path fill="#818cf8" d="M18.75 11.63H18a6 6 0 0 1 0 .75h.81a1.7 1.7 0 0 1-.11-.38a1.5 1.5 0 0 1 .05-.37m-13.5.75h.81a6 6 0 0 1 0-.75h-.81a1.5 1.5 0 0 1 0 .37a1.7 1.7 0 0 1 0 .38m1.62-7.27H5.25a1.6 1.6 0 0 1 0 .38a1.5 1.5 0 0 1 0 .37h1.4l1.5 1L9 6.48Zm11.88 0h-1.62l-2.08 1.37l.8.38l1.5-1h1.4a1.5 1.5 0 0 1-.05-.37a1.6 1.6 0 0 1 .05-.38M9 17.49a7 7 0 0 1-.6-.49l-1.75 1.14h-1.4a1.5 1.5 0 0 1 0 .37a1.6 1.6 0 0 1 0 .38h1.62Zm9.75.65h-1.4L15.6 17a7 7 0 0 1-.59.51l2.12 1.4h1.62a1.6 1.6 0 0 1-.05-.38a1.5 1.5 0 0 1 .05-.39M12 10.38A1.62 1.62 0 1 0 13.62 12A1.63 1.63 0 0 0 12 10.38"/><path fill="#818cf8" d="M20.22 17.73a.78.78 0 1 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75a1.53 1.53 0 1 0 1.53 1.53A1.53 1.53 0 0 0 20.22 17ZM3.78 4.71a.78.78 0 0 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75A1.53 1.53 0 1 0 5.3 5.49A1.52 1.52 0 0 0 3.78 4Z"/></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. CloudIdsIcon.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.