Google Home ikonu

logos:google-home

Google Home ikonu (logos:google-home), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 258 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: SVG Logos
Yazar: Gil Barbara
Lisans: CC0-1.0
Boyut: 256 × 258
Etiketler: googlehome

SVG indir

SVG kodu

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

Google Home ikonu nasıl kullanılır

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 bileşeni

<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 görseli

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

SVG Logos setindeki benzer ikonlar

Diğer ikon setlerinde Google Home ikonu

Google Home ikonu: sık sorulan sorular

Google Home ikonu ticari kullanım için ücretsiz mi?

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Google Home ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="logos:google-home" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Google Home ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/google-home.svg" alt="Google Home ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →