Skoob アイコン
arcticons:skoob
Skoob アイコン(arcticons:skoob)は、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="M23.998 13.737s0-2.053-4.107-4.105L9.625 4.5v4.105a5.33 5.33 0 0 0 2.054 4.105M23.998 43.5a4.45 4.45 0 0 0-4.107-2.053c-3.08 0-6.16-1.026-7.187-4.105a6 6 0 0 1-.244-1.297"/><circle cx="16.274" cy="21.057" r="2.19" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.002 21.256a1.37 1.37 0 0 0-1.367 1.369v0a1.4 1.4 0 0 0 .07.427l-.004-.002l.02.044a1.4 1.4 0 0 0 .072.162l1.21 2.738l1.208-2.738a1.4 1.4 0 0 0 .073-.162l.02-.044l-.004.002a1.36 1.36 0 0 0-1.296-1.796zm-.004-7.519s0-2.053 4.107-4.105L38.373 4.5v4.105a5.33 5.33 0 0 1-2.054 4.105M23.998 43.5a4.45 4.45 0 0 1 4.107-2.053c3.08 0 6.16-1.026 7.188-4.105a6 6 0 0 0 .244-1.297"/><circle cx="31.723" cy="21.057" r="2.19" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.682 23.08a7.502 7.502 0 1 1 .895-1.766"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.407 23.211a7.505 7.505 0 1 0-1.12-2.316q.047.165.101.326"/><path fill="none" stroke="currentColor" stroke-linejoin="round" d="m25.732 32.964l15.338-8.852c.2 4.26-1.735 7.416-5.547 9.604L24 40.366l-11.522-6.65C8.666 31.528 6.73 28.37 6.93 24.112l15.337 8.852A3.53 3.53 0 0 1 24 36.204a3.53 3.53 0 0 1 1.732-3.24Z"/></svg>Skoob アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:skoob" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:skoob" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:skoob" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--skoob]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:skoob"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:skoob"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/skoob.svg" alt="Skoob アイコン" width="24" height="24">Arcticons の関連アイコン
Skoob アイコン のよくある質問
Skoob アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Skoob アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:skoob" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skoob アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/skoob.svg" alt="Skoob アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。