Tumor アイコン
pinhead:tumor
Tumor アイコン(pinhead:tumor)は、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="M7.35 0C8.6 0 9.62.95 9.71 2.15c.19-.07.39-.12.61-.12c.85 0 1.55.68 1.55 1.53c0 .06-.01.12-.01.19h.01c.86 0 1.55.68 1.55 1.52c0 .63-.38 1.16-.93 1.4c.25.36.39.8.39 1.28c0 .09 0 .19-.02.29c.03-.01.07-.01.1-.01c1.13 0 2.04.9 2.04 2.01c0 .79-.47 1.48-1.16 1.8c.01.07.02.14.02.2c0 .99-.84 1.78-1.87 1.78c-.49 0-.93-.17-1.27-.47c-.39.3-.89.47-1.43.47a2.4 2.4 0 0 1-1.78-.78c-.12.99-.98 1.76-2.03 1.76c-1.13 0-2.04-.9-2.04-2c0-.23.04-.45.11-.65c-.38.4-.91.65-1.51.65C.91 13 0 12.1 0 10.99c0-.87.56-1.61 1.35-1.88C.72 8.85.28 8.24.28 7.53c0-.95.79-1.72 1.75-1.72c.32 0 .61.09.87.23c.13-.26.33-.49.58-.66c-.49-.3-.8-.83-.8-1.44c0-.94.78-1.71 1.74-1.71c.2 0 .38.03.55.08C4.98 1.03 6.04 0 7.35 0m1.92 11.19c-.4 0-.73.32-.73.72c0 .39.33.72.73.72a.72.72 0 1 0 0-1.44m-7.15-.95c-.4 0-.73.32-.73.72c0 .39.33.71.73.71s.73-.32.73-.71c0-.4-.33-.72-.73-.72M7.31 1.3c-.4 0-.73.32-.73.72c0 .39.33.71.73.71c.41 0 .73-.32.73-.71c0-.4-.32-.72-.73-.72"/></svg>Tumor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:tumor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:tumor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:tumor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--tumor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:tumor"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:tumor"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/tumor.svg" alt="Tumor アイコン" width="24" height="24">他のアイコンセットの Tumor アイコン
Tumor アイコン のよくある質問
Tumor アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tumor アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:tumor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tumor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/tumor.svg" alt="Tumor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。