Spider Web アイコン

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

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

openmoji:spider-web

Spider Web アイコン(openmoji:spider-web)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然
タグ: spiderweb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M22.08 21.58s8.815-1.028 13.74-5.069c0 0 11.09 6.391 13.88 5.289c0 0 2.792 13.74 5.73 13.96c0 0-5.436 13-4.775 13.66c0 0-13.44 2.424-14.62 6.244c0 0-8.228-7.934-14.1-5.583c0 0-3.232-13.08-5.73-13.59c0 0 7.199-12.86 5.877-14.91z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M8.112 36H63.89M36 8.112V63.89m19.72-47.61L16.28 55.72m39.44 0L16.28 16.28m19.86 39.6s-6.289-6.553-14.69-5.373c0 0 .191-9.123-5.838-14.25c0 0 6.442-6.65 5.997-14.67c0 0 9.38-.112 14.32-6.1c0 0 6.289 6.553 14.31 6.108c0 0 .112 9.38 6.214 14.68c0 0-6.44 6.649-5.995 14.09c0 0-9.38-.469-14.32 5.519z"/><path d="M49.25 35.48s-3.624 4.594-3.49 9.856c0 0-6.702.507-10.04 3.803c0 0-3.846-3.97-9.214-3.803c0 0-.909-6.074-4.256-9.612c0 0 4.338-4.547 4.091-9.856c0 0 6.501-.124 10.12-4.052c0 0 3.352 4.093 9.297 4.052c0 0 .142 6.365 3.49 9.612z"/></g></svg>

Spider Web アイコンの使い方

React

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

<Icon icon="openmoji:spider-web" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:spider-web" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:spider-web" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--spider-web]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:spider-web"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:spider-web"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/spider-web.svg" alt="Spider Web アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Spider Web アイコン

Spider Web アイコンのよくある質問

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

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

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

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

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

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

OpenMoji アイコンをすべて見る →