Google Cloud Functions icon

logos:google-cloud-functions

The Google Cloud Functions icon (logos:google-cloud-functions) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 231 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 231
Tags: googlecloud, cloudfunctions, googlecloudfunctions, function

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="231" viewBox="0 0 256 231"><defs><path id="SVGfPJppcvW" d="M252.926 103.237L200.327 11.76A23.12 23.12 0 0 0 180.607 0H75.392a23.1 23.1 0 0 0-19.72 11.76L3.053 102.997a22.96 22.96 0 0 0 0 22.88l52.598 91.997a23.54 23.54 0 0 0 19.72 12.18h105.217a23.46 23.46 0 0 0 19.74-12.12l52.598-91.478a23.46 23.46 0 0 0 0-23.219"/></defs><mask id="SVG8fZmmc4S" fill="#fff"><use href="#SVGfPJppcvW"/></mask><path fill="#4285f4" d="M252.926 103.237L200.327 11.76A23.12 23.12 0 0 0 180.607 0H75.392a23.1 23.1 0 0 0-19.72 11.76L3.053 102.997a22.96 22.96 0 0 0 0 22.88l52.598 91.997a23.54 23.54 0 0 0 19.72 12.18h105.217a23.46 23.46 0 0 0 19.74-12.12l52.598-91.478a23.46 23.46 0 0 0 0-23.219" mask="url(#SVG8fZmmc4S)"/><path d="m187.168 84.732l-7.252 7.909l1.633 46.998l-6.873 9.961l-3.985-3.984h3.666v-16.297l-17.592-17.592l-13.296 6.646l-44.101-44.2L78.13 85.548l-2.63 22.035l7.452 40.324l10.798 10.579l-4.921 6.993l64.247 65.758h26.84c8.223-.282 17.128-5.671 21.1-12.877l43.78-76.003z" mask="url(#SVG8fZmmc4S)" opacity=".07"/><path fill="#fff" d="m88.829 165.479l10.539-10.54l-15.799-15.798v-49.17l15.799-15.798l-10.539-10.54l-21.098 21.099v59.648z" mask="url(#SVG8fZmmc4S)"/><circle cx="105.145" cy="114.556" r="7.471" fill="#fff" mask="url(#SVG8fZmmc4S)"/><circle cx="127.499" cy="114.556" r="7.471" fill="#fff" mask="url(#SVG8fZmmc4S)"/><circle cx="149.852" cy="114.556" r="7.471" fill="#fff" mask="url(#SVG8fZmmc4S)"/><path fill="#fff" d="m166.069 63.633l-10.539 10.54l15.799 15.798v49.17l-15.799 15.798l10.539 10.54l21.099-21.099V84.732z" mask="url(#SVG8fZmmc4S)"/></svg>

How to use the Google Cloud Functions icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:google-cloud-functions" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:google-cloud-functions" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:google-cloud-functions" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-cloud-functions]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-cloud-functions"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:google-cloud-functions"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/google-cloud-functions.svg" alt="Google Cloud Functions icon" width="24" height="24">

Related icons in SVG Logos

Google Cloud Functions icon FAQ

Is the Google Cloud Functions icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Google Cloud Functions icon in React?

Install @iconify/react and render <Icon icon="logos:google-cloud-functions" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Google Cloud Functions icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/google-cloud-functions.svg" alt="Google Cloud Functions icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →