Gemini アイコン
thesvg-color:gemini
Gemini アイコン(thesvg-color:gemini)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 296 × 298 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 296 × 298
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="296" height="298" viewBox="0 0 296 298"><mask id="SVGU5zy4dsu" width="296" height="298" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#3186ff" d="M141.201 4.886c2.282-6.17 11.042-6.071 13.184.148l5.985 17.37a184 184 0 0 0 111.257 113.049l19.304 6.997c6.143 2.227 6.156 10.91.02 13.155l-19.35 7.082a184 184 0 0 0-109.495 109.385l-7.573 20.629c-2.241 6.105-10.869 6.121-13.133.025l-7.908-21.296a184 184 0 0 0-109.02-108.658l-19.698-7.239c-6.102-2.243-6.118-10.867-.025-13.132l20.083-7.467A184 184 0 0 0 133.291 26.28z"/></mask><g fill="none"><g mask="url(#SVGU5zy4dsu)"><g filter="url(#SVG1KOLkbwC)"><ellipse cx="163" cy="149" fill="#3689ff" rx="196" ry="159"/></g><g filter="url(#SVGXASGIdyq)"><ellipse cx="33.5" cy="142.5" fill="#f6c013" rx="68.5" ry="72.5"/></g><g filter="url(#SVGLvRrqeoG)"><ellipse cx="19.5" cy="148.5" fill="#f6c013" rx="68.5" ry="72.5"/></g><g filter="url(#SVGxzEcwcSI)"><path fill="#fa4340" d="M194 10.5C172 82.5 65.5 134.333 22.5 135L144-66z"/></g><g filter="url(#SVGDM3yibyc)"><path fill="#fa4340" d="M190.5-12.5C168.5 59.5 62 111.333 19 112L140.5-89z"/></g><g filter="url(#SVGEKXRtcuY)"><path fill="#14bb69" d="M194.5 279.5C172.5 207.5 66 155.667 23 155l121.5 201z"/></g><g filter="url(#SVGxDXJydkM)"><path fill="#14bb69" d="M196.5 320.5C174.5 248.5 68 196.667 25 196l121.5 201z"/></g></g><defs><filter id="SVG1KOLkbwC" width="464" height="390" x="-69" y="-46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="18"/></filter><filter id="SVGXASGIdyq" width="265" height="273" x="-99" y="6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="SVGLvRrqeoG" width="265" height="273" x="-113" y="12" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="SVGxzEcwcSI" width="299.5" height="329" x="-41.5" y="-130" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="SVGDM3yibyc" width="299.5" height="329" x="-45" y="-153" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="SVGEKXRtcuY" width="299.5" height="329" x="-41" y="91" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="SVGxDXJydkM" width="299.5" height="329" x="-39" y="132" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter></defs></g></svg>
Gemini アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gemini" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gemini" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gemini" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gemini]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gemini"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gemini"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/gemini.svg" alt="Gemini アイコン" width="24" height="24">
Gemini アイコン のよくある質問
Gemini アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gemini アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:gemini" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gemini アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/gemini.svg" alt="Gemini アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
