Gemma Google アイコン
thesvg:gemma-google
Gemma Google アイコン(thesvg:gemma-google)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- gemmagoogle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.34 5.953a8 8 0 0 1-.247-1.125V3.72a8.25 8.25 0 0 1 5.562 2.232H12.34zm-.69 0a8 8 0 0 0 .257-1.145V3.72a8.25 8.25 0 0 0-5.562 2.232h5.304zm-5.433.187h5.373a8 8 0 0 1-.267.696a8.4 8.4 0 0 1-1.76 2.65zm-.264-.187H2.977v.187h2.915a8.44 8.44 0 0 0-2.357 5.767H0v.186h3.535a8.44 8.44 0 0 0 2.357 5.767H2.977v.186h2.976v2.977h.187v-2.915a8.44 8.44 0 0 0 5.767 2.357V24h.186v-3.535a8.44 8.44 0 0 0 5.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.44 8.44 0 0 0 2.357-5.767H24v-.186h-3.535a8.44 8.44 0 0 0-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.44 8.44 0 0 0-5.767-2.357V0h-.186v3.535A8.44 8.44 0 0 0 6.14 5.892V2.977h-.187zm6.14 14.326a8.25 8.25 0 0 0 5.562-2.233H12.34a8 8 0 0 0-.247 1.126zm-.186-1.087a8 8 0 0 0-.258-1.146H6.345a8.25 8.25 0 0 0 5.562 2.233zm-8.186-7.285h1.107a8 8 0 0 0 1.125-.247V6.345a8.25 8.25 0 0 0-2.232 5.562m1.087.186H3.72a8.25 8.25 0 0 0 2.232 5.562v-5.304a8 8 0 0 0-1.145-.258zm15.47-.186a8.25 8.25 0 0 0-2.232-5.562v5.315q.551.162 1.126.247h1.107zm-1.086.186q-.585.087-1.146.258v5.304a8.25 8.25 0 0 0 2.233-5.562zm-1.332 5.69V12.41a8 8 0 0 0-.696.267a8.4 8.4 0 0 0-2.65 1.76zm0-6.18v-5.45l-.012-.013h-5.451q.114.353.26.696a8.7 8.7 0 0 0 1.819 2.688a8.7 8.7 0 0 0 2.688 1.82q.342.145.696.259M6.14 17.848V12.41q.353.117.696.267a8.4 8.4 0 0 1 2.688 1.799a8.4 8.4 0 0 1 1.799 2.688q.15.342.267.696H6.152zm0-6.245V6.326l3.29 3.29a8.7 8.7 0 0 1-2.594 1.728a8 8 0 0 1-.696.259m6.257 6.257h5.277l-3.29-3.29a8.7 8.7 0 0 0-1.728 2.594a8 8 0 0 0-.259.696m-2.347-7.81a9.4 9.4 0 0 1-2.88 1.96a9.1 9.1 0 0 1 2.88 1.94a9.1 9.1 0 0 1 1.94 2.88a9.4 9.4 0 0 1 1.96-2.88a9.1 9.1 0 0 1 2.88-1.94a9.4 9.4 0 0 1-2.88-1.96a9.4 9.4 0 0 1-1.96-2.88a9.1 9.1 0 0 1-1.94 2.88"/></svg>Gemma Google アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:gemma-google" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:gemma-google" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:gemma-google" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--gemma-google]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:gemma-google"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:gemma-google"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/gemma-google.svg" alt="Gemma Google アイコン" width="24" height="24">他のアイコンセットの Gemma Google アイコン
Gemma Google アイコン のよくある質問
Gemma Google アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gemma Google アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:gemma-google" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gemma Google アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/gemma-google.svg" alt="Gemma Google アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。