G2 アイコン
thesvg:g2
G2 アイコン(thesvg:g2)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0a12 12 0 1 0 0 24a12 12 0 0 0 0-24m.122 5.143c.45 0 .9.044 1.342.132l-1.342 2.806C9.962 8.08 8.203 9.84 8.203 12s1.76 3.92 3.92 3.92c.937 0 1.844-.338 2.553-.951l1.483 2.572A6.856 6.856 0 0 1 5.266 12a6.856 6.856 0 0 1 6.856-6.856Zm3.498.49h.026q.639 0 1.101.34q.465.345.466.946c0 .639-.36 1.03-1.035 1.376l-.377.191c-.403.204-.602.385-.657.706h2.05v.85h-3.101v-.144q-.001-.788.314-1.306q.315-.517 1.102-.917l.242-.117c.427-.216.538-.401.538-.625c0-.266-.228-.458-.6-.458c-.44 0-.773.228-1.004.694l-.592-.595q.196-.417.619-.675a1.7 1.7 0 0 1 .908-.266m-2.094 5.388h3.394l1.697 2.937l-1.697 2.94l-1.697-2.94H11.83z"/></svg>G2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:g2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:g2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:g2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--g2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:g2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:g2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/g2.svg" alt="G2 アイコン" width="24" height="24">theSVG の関連アイコン
他のアイコンセットの G2 アイコン
G2 アイコン のよくある質問
G2 アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で G2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:g2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
G2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/g2.svg" alt="G2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。