Spoolman Light アイコン
selfhst:spoolman-light
Spoolman Light アイコン(selfhst:spoolman-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- spoolmanlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M403.9 0H109.1C49.1 0 .5 48.6.5 108.6v294.8c0 60 48.6 108.6 108.6 108.6h294.8c60 0 108.6-48.6 108.6-108.6V108.6C512.5 48.6 463.9 0 403.9 0M256.5 465.5C140.9 465.5 47 371.6 47 256S140.9 46.5 256.5 46.5S466 140.3 466 256s-93.9 209.5-209.5 209.5m151.6-298.8c4.1-2.3 9-2.8 13.5-1.2c4.5 1.5 8.1 4.9 9.9 9.2c22 52 22 110.6 0 162.6v.1c-1.8 4.3-5.4 7.7-9.9 9.2s-9.3 1.1-13.4-1.2l-23.3-13.1l1.6-2.9c25.1-44.5 25.6-98.8 1.3-143.8l-2.9-5.4m-256.7 3.6l3.2-5.2c26.8-43.5 74.1-70.2 125.2-70.8h3.2l-.3-26.7c0-4.7-2.1-9.2-5.6-12.3s-8.2-4.6-12.9-4h-.1c-56 6.9-106.8 36.2-140.8 81.3c-2.8 3.8-3.9 8.6-3 13.2c.9 4.7 3.7 8.7 7.8 11.1m155.6 236.5l-6.1-.2c-51.1-1.5-97.9-29-123.9-73l-1.7-2.8l-22.9 13.6c-4.1 2.4-6.9 6.4-7.8 11c-.9 4.7.2 9.4 3 13.2v.1c34 45.1 84.8 74.4 140.8 81.3c4.7.6 9.4-.9 13-4s5.6-7.6 5.7-12.3m-4-319.5h3.6l.6 68.6c.2 16.3-8.5 31.5-22.7 39.6s-31.6 8-45.6-.3l-58.7-35.1l3.2-5.1c25.7-41.8 70.5-67.1 119.6-67.7m4.8 217.7l-.8 68.4l-6-.2c-49.2-1.4-93.5-27.5-118.5-69.8l-1.8-3l59-34.9c14.1-8.3 31.5-8.4 45.6-.2s22.7 23.4 22.5 39.7m117.7-2.7l-59.7-33.7c-14.2-8-23-23.1-23-39.4s8.9-31.4 23.1-39.4l59.7-33.4l2.9 5.3c23.4 43.3 22.9 94.7-1.3 137.6z"/></svg>Spoolman Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:spoolman-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:spoolman-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:spoolman-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--spoolman-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:spoolman-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:spoolman-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/spoolman-light.svg" alt="Spoolman Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Spoolman Light アイコン のよくある質問
Spoolman Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Spoolman Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:spoolman-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spoolman Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/spoolman-light.svg" alt="Spoolman Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。