Home/Libraries/SVG Logos (Iconify)/google-cloud-platform

SVG Logos (Iconify)

GoogleCloudPlatform

License: CC0-1.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 256 228"><path d="M166.985 181.72l-26.136 45.432H72.4a17.038 17.038 0 0 1-14.782-8.568L2.254 122.055a17.05 17.05 0 0 1 0-16.945l21.07-36.72l26.005 45.186l39.204 68.143h78.452z" fill="#818cf8"/><path d="M253.277 122.055L197.913 218.6a17.023 17.023 0 0 1-14.783 8.566h-42.296l26.136-45.433l39.232-68.156l-39.232-68.143h52.07l34.222 59.677a16.943 16.943 0 0 1 .015 16.945z" fill="#818cf8"/><path d="M219.052 45.433H88.533L49.33 113.576l-26.005-45.2L57.62 8.568A17.023 17.023 0 0 1 72.4 0h110.745a17.058 17.058 0 0 1 14.78 8.568l21.126 36.865z" fill="#818cf8"/><path fill="#818cf8" d="M166.985 45.433l39.204 68.143l-39.22 68.143H88.547L49.33 113.576l39.204-68.143z"/><circle fill="#818cf8" cx="127.766" cy="113.576" r="34.079"/><path d="M57.619 9.975A17.023 17.023 0 0 1 72.4 1.41h110.745a17.058 17.058 0 0 1 14.78 8.566l20.329 35.458h.812L197.926 8.568A17.023 17.023 0 0 0 183.146 0H72.4a17.04 17.04 0 0 0-14.782 8.568L23.324 68.376l.405.71l33.89-59.11z" fill="#818cf8" opacity=".2"/><path fill-opacity=".2" fill="#818cf8" d="M49.33 113.576l39.203-68.143h130.52l-.813-1.422H88.533L49.33 112.154"/><path d="M2.254 106.52l21.07-36.737l26.005 45.202l39.204 68.141h77.624l.828-1.422H88.533L49.33 113.576l-26.005-45.2l-21.07 36.721a17.15 17.15 0 0 0-2.221 9.191c.109-2.73.87-5.394 2.221-7.769z" fill="#818cf8" opacity=".2"/><path d="M141.661 225.728h-69.26a17.04 17.04 0 0 1-14.782-8.566l-55.365-96.53a17.104 17.104 0 0 1-2.221-7.768c-.148 3.212.622 6.4 2.221 9.191L57.62 218.6a17.023 17.023 0 0 0 14.782 8.566h68.448l.812-1.437z" fill="#818cf8" opacity=".2"/><path d="M207.001 113.576l-39.204-68.143h-.812l39.217 68.143h.8zm46.276 7.057l-55.364 96.544a17.023 17.023 0 0 1-14.783 8.566h-41.469l-.827 1.422h42.296a17.058 17.058 0 0 0 14.783-8.566l55.364-96.544a17.052 17.052 0 0 0 2.222-9.191a17.104 17.104 0 0 1-2.222 7.769z" fill="#818cf8" opacity=".2"/><path d="M219.052 46.842l34.225 59.677a17.097 17.097 0 0 1 2.222 7.77c.148-3.213-.623-6.401-2.222-9.192L219.052 45.42h-52.067l.828 1.422h51.24zm-52.067 136.3L207 113.575h-.799l-39.217 68.143l-26.136 45.433h.812l25.324-44.01z" fill="#818cf8" opacity=".2"/></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. GoogleCloudPlatformIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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