Toggle menu
Google Cloud IconsIcons
Browse 214 free Google Cloud Icons multi-color icons. Download SVG, copy as JSX, PNG or Base64. Apache 2.0 licensed. Designed by Google Cloud.
Copy & download Google Cloud Icons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, installand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Google Cloud Icons
Google Cloud Icons is a set of 214 product icons for Google Cloud services, licensed under Apache 2.0. It covers compute (Compute Engine, Cloud Run, Cloud Functions, Google Kubernetes Engine), data and analytics (BigQuery, Dataflow, Cloud SQL, Firestore, Cloud Storage), API management (Apigee) and hybrid platforms (Anthos), among many others. The icons are drawn in fixed Google blues on a 24 viewBox, so they keep their recognizable look and do not follow a CSS text color. Their main use is architecture diagrams: label each service in a Google Cloud design, a slide deck, technical docs or a runbook so readers see the product at a glance. There is no npm package for this set; copy or download SVGs from this page. Search all Google Cloud icons here, copy SVG, export JSX or download PNG. The license covers the artwork, while Google product names and logos remain Google trademarks, so use them to refer to the actual services. Pair with Kubernetes Icons for in-cluster resources and a general set like Lucide for arrows and notes. Ideal for cloud architects, DevOps docs and solution diagrams.
Created By
License
Pack Details
Color Support
Multi-color
Category
Programming
In 2 collections
How to use Google Cloud Icons icons
License SPDX
Apache-2.0
Sample Icons
filestore, trace, firestore
Via Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="gcp:icon-name" width={24} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gcp:icon-name" width="24"></iconify-icon>Compare Google Cloud Icons with similar icon packs
Frequently Asked Questions
Which Google Cloud products have icons in this pack?
Are these icons good for cloud architecture diagrams?
Can I change the colors of Google Cloud icons?
currentColor, so a CSS color will not recolor them. Keep the original colors so the icons stay recognizable as Google Cloud products.