Google Home icon

logos:google-home

The Google Home icon (logos:google-home) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 258 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 × 258
Tags: googlehome

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" viewBox="0 0 256 258"><defs><linearGradient id="SVG7d2qAeBX" x1="118.38" x2="152.38" y1="151.08" y2="144.71" gradientTransform="rotate(192.574 -37.034 135.167)scale(-1.66325 1.66325)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d669a8"/><stop offset="1" stop-color="#577dbe"/></linearGradient><linearGradient id="SVGmG4cTcpw" x1="108.62" x2="108.62" y1="71.278" y2="32.087" gradientTransform="rotate(171.292 16.762 125.687)scale(-1.66324 1.66324)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#547dbf"/><stop offset="1" stop-color="#18a1ce"/></linearGradient><linearGradient id="SVGGoxpNc5o" x1="21.62" x2="50.082" y1="38.375" y2="5.439" gradientTransform="matrix(1.66324 0 0 -1.66324 0 259.53)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcc010"/><stop offset="1" stop-color="#32b55e"/></linearGradient><linearGradient id="SVGeYEBncmo" x1="62.695" x2="62.695" y1="154.54" y2="110.29" gradientTransform="rotate(198.622 -41.771 165.72)scale(-1.66325 1.66325)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef4b5a"/><stop offset="1" stop-color="#fabe0f"/></linearGradient><linearGradient id="SVGI29fccWz" x1="82.325" x2="66.325" y1="137.09" y2="136.59" gradientTransform="matrix(1.66324 0 0 -1.66324 0 259.53)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d769a9"/><stop offset="1" stop-color="#ef4b5a"/></linearGradient><linearGradient id="SVGGuhCEcFA" x1="135.62" x2="137.12" y1="76.153" y2="65.153" gradientTransform="matrix(1.66324 0 0 -1.66324 0 259.53)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#537dbf"/><stop offset="1" stop-color="#18a1ce"/></linearGradient><linearGradient id="SVGB5YIVb8q" x1="136.14" x2="120.64" y1="39.516" y2="17.516" gradientTransform="matrix(1.66324 0 0 -1.66324 0 259.53)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#18a1ce"/><stop offset="1" stop-color="#32b55e"/></linearGradient><linearGradient id="SVGAYVqsbHg" x1="24.141" x2="45.641" y1="30.047" y2="13.547" gradientTransform="matrix(1.66324 0 0 -1.66324 0 259.53)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcc010"/><stop offset="1" stop-color="#32b55e"/></linearGradient><radialGradient id="SVGDagjqbbY" cx="-118.17" cy="280.42" r="1" gradientTransform="rotate(83.154 -15165.916 -6252.889)scale(58.8627 -73.31455)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#facd0c"/><stop offset="1" stop-color="#facd0c" stop-opacity="0"/></radialGradient><radialGradient id="SVGoxMmFcUN" cx="-117.19" cy="278.63" r="1" gradientTransform="rotate(54.205 -23636.275 -3316.618)scale(58.86155 -73.31369)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a5ce3d"/><stop offset="1" stop-color="#a5ce3d" stop-opacity="0"/></radialGradient></defs><g stroke-width="1.663"><path fill="#18a1ce" d="m253.362 111.152l-56.585 21.103l.627.611v63.502h-7.115l59.165 48.95A31.37 31.37 0 0 0 256 226.089V124.716c0-4.693-.914-9.292-2.638-13.563z"/><path fill="#fcc010" d="M58.613 157.789L.017 161.236V202.2l58.596-22.564z"/><path fill="#32b55e" d="m105.117 196.376l-28.363 61.226h147.749c13.313 0 24.696-8.259 29.308-19.932l-61.936-41.292z"/><path fill="#ef4b5a" d="M99.728 9.894a43 43 0 0 0-2.943 2.686L19.679 89.823l55.615 26.465l42.83-42.532z"/><path fill="#537dbf" d="m209.868 64.115l-38.115 43.719l25.647 25.04v3.992l58.596-8.683v-3.46a36.3 36.3 0 0 0-10.827-25.848z"/><path fill="url(#SVGAYVqsbHg)" d="M58.596 196.376h46.506l-28.363 61.223H31.502C14.104 257.599 0 243.494 0 226.097v-23.898l58.596-22.563z"/><path fill="url(#SVGB5YIVb8q)" d="M255.99 201.965v24.139c0 17.397-14.105 31.501-31.502 31.501h-4.426l-54.879-61.222h32.211v-18.489z"/><path fill="url(#SVGGuhCEcFA)" d="M255.99 153.847h-58.596v-16.985l58.596-8.682z"/><path fill="url(#SVGI29fccWz)" d="M128.269.014a42.9 42.9 0 0 0-24.533 6.958c-1.069.817-2.739 1.892-3.609 2.606c-.134.109-.256.242-.389.354l15.196 67.003h.003l12.475-12.386l11.373 11.103l17.211-64.535C148.119 3.965 138.229.267 128.27.013z"/><path fill="url(#SVGeYEBncmo)" d="m19.56 89.962l-8.937 8.95A36.3 36.3 0 0 0 .01 124.542v36.504l58.596 19.744v-47.916l22.373-22.216z"/><path fill="url(#SVGGoxpNc5o)" d="M58.613 175.968L.045 227.502C.781 244.248 14.59 257.6 31.517 257.6h45.644l57.47-61.225H58.613z"/><path fill="url(#SVGmG4cTcpw)" fill-opacity=".5" d="m244.314 98.029l-71.403 10.934l24.484 23.903v38.293l58.596-8.976v-37.468a36.3 36.3 0 0 0-10.827-25.848z"/><path fill="url(#SVG7d2qAeBX)" d="M151.222 7.365L136.49 73.418l58.588 57.194l14.823-66.458l-52.624-51.817a43 43 0 0 0-6.055-4.97z"/><path fill="url(#SVGoxMmFcUN)" d="M50.413 187.894c-16.912-.964-34.945 4.354-50.408 14.865v23.334c0 17.397 14.103 31.503 31.5 31.503h66.598c5.537-17.717 3.263-35.29-6.279-48.523c-3.631-5.034-8.23-9.321-13.628-12.702H58.601v-7.498a65 65 0 0 0-8.189-.981z"/><path fill="url(#SVGDagjqbbY)" d="M17.514 134.67a91.3 91.3 0 0 0-17.5 2.102v89.321c0 11.248 5.895 21.12 14.765 26.693a91 91 0 0 0 7.972-.604c34.819-4.18 62.385-27.572 65.769-55.81H58.612v-52.249c-11.982-6.492-26.311-9.788-41.097-9.453z"/></g></svg>

How to use the Google Home icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:google-home"></iconify-icon>

HTML image

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

Related icons in SVG Logos

Google Home icon in other icon sets

Google Home icon FAQ

Is the Google Home 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 Home icon in React?

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

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

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

Browse all SVG Logos icons →