Nano Banana Google アイコン
thesvg:nano-banana-google
Nano Banana Google アイコン(thesvg:nano-banana-google)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- nanobanana、bananagoogle、nanobananagoogle
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="M8.342 13.16H3.455c-.513 0-.772-.639-.408-1.012l1.608-1.653a3.166 3.166 0 0 1 4.565 0l.513.527l.006-.015l.038.017c.735-1.93.786-2.809.783-5.007v-.275c-.01-1.782-.02-3.935 1.965-4.22c2.603-.375 4.504 4.219 4.815 8.299a3.17 3.17 0 0 1 3.38.774l1.609 1.653c.365.375.106 1.012-.407 1.012H19.27q.109.397.11.828v5.664c0 .914-.994 1.292-1.602.576c-.229-.27-1.067-1.25-2.155-2.52c-2.92 4.183-10.266 6.462-12.34 3.006H2.49a.991.991 0 1 1 0-1.982h.246c.014-1.687 1.23-3.148 2.846-3.783a7.45 7.45 0 0 0 2.76-1.889m7.543-2.145q0-.19-.005-.388a15.7 15.7 0 0 0-.632-3.939c-.38-1.282-.887-2.33-1.425-2.992c-.545-.671-.906-.715-1.085-.69c-.223.032-.292.098-.322.129c-.05.052-.135.176-.209.45c-.152.567-.15 1.286-.147 2.186v.244c.002 1.134-.009 2.028-.145 2.92a11.3 11.3 0 0 1-.537 2.08zm-3.468 3.056c-1.636 3.166-4.981 4.71-8.118 4.87a.562.562 0 0 0 .057 1.124c3.294-.169 6.921-1.749 8.845-5.081z"/></svg>Nano Banana Google アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:nano-banana-google" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:nano-banana-google" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:nano-banana-google" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--nano-banana-google]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:nano-banana-google"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:nano-banana-google"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/nano-banana-google.svg" alt="Nano Banana Google アイコン" width="24" height="24">theSVG の関連アイコン
他のアイコンセットの Nano Banana Google アイコン
Nano Banana Google アイコン のよくある質問
Nano Banana Google アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nano Banana Google アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:nano-banana-google" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nano Banana Google アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/nano-banana-google.svg" alt="Nano Banana Google アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。