Spleen アイコン
pinhead:spleen
Spleen アイコン(pinhead:spleen)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.37.31c1.64.56 3.24 1.96 4.26 4.7c1.24 3.35 1 5.64.23 7.17c-.76 1.53-1.98 2.16-2.35 2.36c-.21.11-.55.21-.9.28c-.37.08-.83.16-1.32.17c-.48.02-1.02-.01-1.51-.15c-.51-.14-1.02-.4-1.38-.9c-1.22-1.71-.42-3.33-.06-4.05c.03-.05.06-.1.08-.15c.17-.35.32-.7.27-1.13c.14.04.29.09.43.14c.28.11.53.24.7.34c.09.05.16.09.2.12c.03.01.04.02.05.03l.01.01a.751.751 0 1 0 .88-1.22l-.01-.01l-.02-.01a1 1 0 0 1-.08-.05c-.06-.04-.16-.1-.27-.17c-.13-.07-.28-.16-.46-.24l.21-.06c.4-.1.65-.5.54-.91a.75.75 0 0 0-.91-.54c-.99.25-1.77.5-2.48.84c0 .01.01.01.01.02a2 2 0 0 0-.21-.16C3 5.77 2.23 4.62 2.25 3.39c.03-1.25.88-2.25 2.13-2.91c.86-.45 2.4-.72 3.99-.17m.37 2.5a.77.77 0 0 0-1.06.12c-.25.33-.2.8.12 1.06c.38.29.78.78 1.14 1.35c.35.56.64 1.16.79 1.65c.55 1.79.53 3.08.14 3.97a.751.751 0 1 0 1.38.6c.59-1.36.53-3.06-.08-5.01c-.2-.64-.54-1.35-.95-2.01c-.41-.65-.92-1.29-1.48-1.73M4.47 6.89c.83.64 1.17 1.19 1.22 1.72c-.45-.11-.89-.12-1.25.04c-.02.01-.04.02-.06.02c-.49.36-.96.84-1.54 1.56c-.26.32-.73.38-1.06.12a.757.757 0 0 1-.12-1.05c.79-.97 1.47-1.65 2.31-2.15c.16-.1.33-.18.5-.26"/></svg>Spleen アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:spleen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:spleen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:spleen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--spleen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:spleen"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:spleen"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/spleen.svg" alt="Spleen アイコン" width="24" height="24">他のアイコンセットの Spleen アイコン
Spleen アイコン のよくある質問
Spleen アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spleen アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:spleen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spleen アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/spleen.svg" alt="Spleen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。