Geto アイコン
arcticons:geto
Geto アイコン(arcticons:geto)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.042 35.9l-1.327-2.3a4 4 0 0 1 1.033-5.176l.243-.186c1.773-1.357 2.612-2.431 2.612-4.237s-1.042-3.038-2.612-4.24l-.243-.186A4 4 0 0 1 4.716 14.4l1.327-2.3a4 4 0 0 1 4.999-1.694l.283.117c2.062.857 3.412 1.047 4.976.144c1.563-.903 2.11-2.421 2.365-4.382l.04-.303a4 4 0 0 1 3.968-3.483h2.654a4 4 0 0 1 3.967 3.482l.04.304c.289 2.214.8 3.478 2.363 4.381c1.564.903 3.152.616 4.978-.142l.282-.118a4 4 0 0 1 5 1.694l1.327 2.3a4 4 0 0 1-1.033 5.176l-.243.186c-1.773 1.357-2.612 2.431-2.612 4.237s1.042 3.038 2.612 4.24l.242.186a4 4 0 0 1 1.032 5.177L41.956 35.9a4 4 0 0 1-5 1.694l-.282-.117c-2.062-.857-3.412-1.047-4.976-.144s-2.11 2.421-2.366 4.382l-.04.304a4 4 0 0 1-3.966 3.482h-2.654a4 4 0 0 1-3.967-3.482l-.04-.304c-.289-2.214-.8-3.478-2.363-4.381s-3.152-.616-4.978.142l-.283.118A4 4 0 0 1 6.042 35.9"/><circle cx="24" cy="24" r="5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>Geto アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:geto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:geto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:geto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--geto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:geto"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:geto"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/geto.svg" alt="Geto アイコン" width="24" height="24">Geto アイコン のよくある質問
Geto アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Geto アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:geto" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geto アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/geto.svg" alt="Geto アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。