Geddit アイコン
arcticons:geddit
Geddit アイコン(arcticons:geddit)は、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"><ellipse cx="17.8" cy="27.6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.25" ry="1.95"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.42 35.3c4.25-2.42 5.14-7.72 5.03-15.14c-.11-7.41-5.91-13.52-14.65-13.55S10.09 13.67 9.47 20.13c-.62 6.47 1.09 13.16 4.91 15.08"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.45 20.16c3.38.96 5.65 3.66 6.55 6.58c-2.73 1.93-5.41 3.42-8.02 4.49M9.46 20.14c-2.38.46-5.99 3.62-6.46 6.62c2.04 1.77 4.97 3.14 7.91 4.49m-1.1 1.19c9.46 7.21 20.93 5.95 28.25-.05l-.05 4.11c-6.28 5.39-18.28 7.54-28.34.02z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.45 37.23c-10.03-1.77-8.6-8.15-8.99-13.8c8.22-3.78 16.83-3.52 22.78-.07c.71 11.06-3.95 13.29-9.57 13.95"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.55 20.96c-.43 1.6.61 2.81 1.27 4.12c-2.36-.95-5.03-1.26-6.41-4.3c.39 1.53-2.07 3.03-8.57 4.5c1.11-1.05 2.42-2.01 2.78-3.41m-3.3 1.16l1.54.96"/><ellipse cx="17.69" cy="14.66" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4.33" ry="4.3"/><ellipse cx="30.23" cy="14.54" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4.45" ry="4.19"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.96 13.98h3.85m-3.86 1.44h3.92m-5.59 15.17c-.07 5.93 8.1 4.43 6.95.02z"/><ellipse cx="29.91" cy="27.7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.17" ry="1.84"/></svg>Geddit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:geddit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:geddit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:geddit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--geddit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:geddit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:geddit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/geddit.svg" alt="Geddit アイコン" width="24" height="24">Arcticons の関連アイコン
Geddit アイコン のよくある質問
Geddit アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Geddit アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:geddit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geddit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/geddit.svg" alt="Geddit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。