Google Home アイコン

Q: Google Home アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:google-home

Google Home アイコン(logos:google-home)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 258 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 258
タグ: googlehome

SVG をダウンロード

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>

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 コンポーネント

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

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

SVG Logos の関連アイコン

他のアイコンセットの Google Home アイコン

Google Home アイコンのよくある質問

Google Home アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Google Home アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:google-home" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Google Home アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/google-home.svg" alt="Google Home アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →