Slitherio アイコン

Q: Slitherio アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:slitherio

Slitherio アイコン(arcticons:slitherio)は、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 コード

<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="M44.631 35.207a8 8 0 0 1-.03.53c-.35 3.922-3.48 6.725-8.057 6.725H29.31c-4.358.028-7.929.118-13.262-.609c-12.611-1.719-15.17-11.596-5.49-20.918c3.713-3.578 7.945-6.574 11.94-9.572c1.208-.907 2.555-1.954 2.572-2.564c.014-.507-.358-.599-1.132-.82c-3.967-1.135-9.166-1.356-13.346-1.14c-1.386.072-1.902.119-1.796-.281C16.852 3.36 26.359 2.459 28.994 4.54c3.16 2.495 2.597 5.616 1.237 7.826c-1.763 2.865-3.918 4.965-6.354 7.252c-2.94 2.762-6.69 6.673-8.441 9.327c-.392.595-.85 1.75.052 1.838c3.969.391 8.068.196 12.173-.904c3.505-.94 6.991-2.5 9.816-2.364c2.362.113 4.409 1.27 5.702 3.025m-2.056 5.992c-.633.084-1.268.27-1.818.598c-.214.137-.263.433-.209.665c.136.328.437.548.715.75c.29.19.603.392.96.406c.221-.016.463-.125.55-.343c.202-.366.291-.781.37-1.188c.049-.268.051-.611-.203-.78a.63.63 0 0 0-.365-.108m-2.597-.36a2.963 2.963 0 1 1-2.962-2.963h0a2.963 2.963 0 0 1 2.962 2.963m6.974-2.95a2.704 2.704 0 1 1-5.408 0a2.704 2.704 0 0 1 5.408-.001zM34.862 42.5a21.47 21.47 0 0 1-25.443-2.715m-4.652-6.183a21.47 21.47 0 0 1 6.39-26.829m3.49-2.112a21.5 21.5 0 0 1 9.322-2.13c11.858 0 21.47 9.611 21.471 21.469h0a21.5 21.5 0 0 1-1.158 6.955"/></svg>

Slitherio アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:slitherio" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:slitherio" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:slitherio" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--slitherio]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:slitherio"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:slitherio"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/slitherio.svg" alt="Slitherio アイコン" width="24" height="24">

Slitherio アイコンのよくある質問

Slitherio アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Slitherio アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:slitherio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Slitherio アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/slitherio.svg" alt="Slitherio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →