Spyder アイコン
devicon:spyder
Spyder アイコン(devicon:spyder)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#303030" d="M123.425 54.883a1.934 1.934 0 0 1 1.831 2.094v5.626a1.737 1.737 0 0 1-1.962 1.962H98.959c-6.02 0-9.552 2.087-9.552 6.801v1.7c0 3.649 1.7 6.8 8.107 9.158l17.403 6.939C126.957 93.738 128 100.414 128 107.609v1.46c0 14.651-8.756 17.512-26.429 17.512c-11.383 0-21.715-.92-23.94-1.182c-1.57-.125-1.963-.913-1.963-1.956v-5.757a1.73 1.73 0 0 1 1.963-1.963h24.203c10.463 0 13.74-1.182 13.74-6.808v-1.569c0-3.794-1.57-6.282-7.589-8.756l-18.578-7.107C79.331 87.558 76.842 79.97 76.842 72.774v-2.743c0-14.397 12.565-16.36 26.56-16.36a165 165 0 0 1 20.023 1.212"/><path fill="#8c0000" d="M117.5 6.111a21.52 21.52 0 0 0-13.608-4.845H21.628A21.6 21.6 0 0 0 11.55 3.754a21.9 21.9 0 0 0-8.756 8.465c-.394.73-.73 1.415-1.065 2.138c-.19.496-.402.985-.57 1.459a19 19 0 0 0-.78 3.028a20.5 20.5 0 0 0-.38 4.05v82.234a21.3 21.3 0 0 0 2.138 9.37a21.62 21.62 0 0 0 19.49 12.236H65.54a1.167 1.167 0 0 0 1.167-1.168v-5.246a1.167 1.167 0 0 0-1.167-1.167h-5.7L42.832 84.705l38.804-51.428a4.4 4.4 0 0 0 .73-1.51l35.557 5.443v8.026a1.167 1.167 0 0 0 1.168 1.16h5.275a1.175 1.175 0 0 0 1.168-1.16V22.894A21.52 21.52 0 0 0 117.5 6.11Zm-44.751 2.73l1.839 14.651l-28.75-4.378L44.54 8.899Zm-51.077 0h15.797l1.131 9.157l-21-3.211l-6.625-1.022A13.94 13.94 0 0 1 21.628 8.84ZM37.63 24.936L22.97 44.419L11.37 20.91Zm-30.034 4.16l9.398 19.03l-9.398 1.153zm0 27.253l12.66-1.598L33.39 81.304L7.596 84.551Zm44.43 62.804h-29.23a15.236 15.236 0 0 1-15.2-15.192V91.607L36.63 87.96ZM39.374 77.685L26.422 51.417l19.044-25.24v-.044l29.377 4.495zm78.542-47.567l-36.17-5.531l-1.97-15.747h22.948a15.23 15.23 0 0 1 15.192 15.185z"/></svg>Spyder アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:spyder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:spyder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:spyder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--spyder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:spyder"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:spyder"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/spyder.svg" alt="Spyder アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Spyder アイコン
Spyder アイコン のよくある質問
Spyder アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spyder アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:spyder" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spyder アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/spyder.svg" alt="Spyder アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。