Google Voice 2026 アイコン
thesvg-color:google-voice-2026
Google Voice 2026 アイコン(thesvg-color:google-voice-2026)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 192 × 192 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 192 × 192
- タグ
- googlevoice
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><g fill="none"><g clip-path="url(#SVGQhO8ocBO)"><path fill="#00af57" d="m21.96 49.04l.04-.039c7.822-7.668 20.378-7.621 28.141.141l13.045 13.045c6.248 6.249 6.248 16.38 0 22.627l-4.7 4.701c-4.687 4.686-4.687 12.284 0 16.971l25.029 25.027c4.686 4.686 12.284 4.686 16.97 0l4.7-4.7c6.248-6.248 16.379-6.248 22.627 0l15.044 15.044c7.762 7.762 7.809 20.316.142 28.138v.008l-.165.161l-.826.826q-.007.006-.016 0a.01.01 0 0 0-.015 0c-17.739 16.675-45.64 16.347-62.976-.989l-57-57C4.664 95.665 4.335 67.764 21.009 50.025a.012.012 0 0 0 0-.017a.012.012 0 0 1 0-.018l.847-.847z"/><path fill="url(#SVGpNui7i3L)" d="m21.96 49.04l.04-.039c7.822-7.668 20.378-7.621 28.141.141l13.045 13.045c6.248 6.249 6.248 16.38 0 22.627l-4.7 4.701c-4.687 4.686-4.687 12.284 0 16.971l25.029 25.027c4.686 4.686 12.284 4.686 16.97 0l4.7-4.7c6.248-6.248 16.379-6.248 22.627 0l15.044 15.044c7.762 7.762 7.809 20.316.142 28.138v.008l-.165.161l-.826.826q-.007.006-.016 0a.01.01 0 0 0-.015 0c-17.739 16.675-45.64 16.347-62.976-.989l-57-57C4.664 95.665 4.335 67.764 21.009 50.025a.012.012 0 0 0 0-.017a.012.012 0 0 1 0-.018l.847-.847z"/><mask id="SVGUU41PbhS" width="102" height="102" x="82" y="8" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="102" height="102" x="82" y="8" fill="#d9d9d9" rx="12"/></mask><g mask="url(#SVGUU41PbhS)"><circle cx="96" cy="96" r="88" fill="url(#SVGPMVFQb9K)"/></g></g><defs><radialGradient id="SVGPMVFQb9K" cx="0" cy="0" r="1" gradientTransform="translate(83 110)scale(99.5)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#78c9ff"/><stop offset=".85" stop-color="#60d673"/></radialGradient><linearGradient id="SVGpNui7i3L" x1="60" x2="110.5" y1="134" y2="83.5" gradientUnits="userSpaceOnUse"><stop stop-color="#78c9ff" stop-opacity="0"/><stop offset=".75" stop-color="#78c9ff"/></linearGradient><clipPath id="SVGQhO8ocBO"><path fill="#fff" d="M8 8h176v176H8z"/></clipPath></defs></g></svg>
Google Voice 2026 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-voice-2026" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-voice-2026" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-voice-2026" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-voice-2026]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-voice-2026"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-voice-2026"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-voice-2026.svg" alt="Google Voice 2026 アイコン" width="24" height="24">
Google Voice 2026 アイコン のよくある質問
Google Voice 2026 アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Google Voice 2026 アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:google-voice-2026" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Google Voice 2026 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-voice-2026.svg" alt="Google Voice 2026 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
