Icono Google Home

logos:google-home

El icono Google Home (logos:google-home) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 258. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 256 × 258
Etiquetas: googlehome

Descargar SVG

Código SVG

<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>

Cómo usar el icono Google Home

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>

Imagen HTML

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

Iconos relacionados en SVG Logos

El icono Google Home en otras colecciones

Preguntas frecuentes sobre Icono Google Home

¿El icono Google Home es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Google Home en React?

Instala @iconify/react y renderiza <Icon icon="logos:google-home" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Google Home a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/google-home.svg" alt="Icono Google Home">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →