Sperm アイコン
pinhead:sperm
Sperm アイコン(pinhead:sperm)は、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="M12.69.03c1.34-.23 2.51.94 2.28 2.28a3.29 3.29 0 0 1-2.72 2.72c-.29.05-.57.03-.84-.04l-.3.41c-.54.72-1.39 1.15-2.3 1.15h-.69c-.76 0-1.29.73-1.05 1.45l.1.29c.52 1.58-.84 3.15-2.48 2.85a.918.918 0 0 0-1.08 1.01l.02.18c.13 1.2-.67 2.3-1.86 2.54l-.59.12a.63.63 0 0 1-.74-.5c-.07-.34.15-.68.49-.75l.59-.11c.54-.11.91-.61.85-1.16l-.02-.18a2.195 2.195 0 0 1 2.57-2.4c.69.13 1.27-.54 1.04-1.2l-.09-.29a2.37 2.37 0 0 1 2.25-3.12h.69c.51 0 .99-.24 1.29-.64l.26-.35c-.33-.42-.49-.96-.39-1.54c.23-1.4 1.32-2.49 2.72-2.72m-.1 6.99c.77-.13 1.44.54 1.31 1.3c-.13.8-.76 1.42-1.55 1.56c-.1.01-.19.02-.28.01l-1.15 1.34c-.44.51-1.09.81-1.77.81c-.35 0-.69.18-.88.48l-.04.05c-.13.19-.2.42-.2.66v.29a.636.636 0 0 1-1.27 0v-.29c0-.49.15-.96.42-1.36l.03-.06c.43-.65 1.16-1.04 1.94-1.04c.31 0 .61-.13.81-.37l1.12-1.3a1.04 1.04 0 0 1-.04-.53c.13-.79.76-1.42 1.55-1.55M6.6.27c.8-.14 1.5.56 1.37 1.37c-.13.76-.7 1.39-1.45 1.59c-.09.02-.18.04-.26.04l-.46.69c-.38.56-1 .89-1.68.89H3.8c-.23 0-.42.19-.42.43c0 .93-.76 1.69-1.69 1.69c-.23 0-.42.19-.42.42v.21c0 .35-.29.64-.64.64S0 7.95 0 7.6v-.21C0 6.46.76 5.7 1.69 5.7c.23 0 .42-.19.42-.42c0-.94.76-1.69 1.69-1.69h.32c.25 0 .48-.13.62-.33l.4-.6c-.16-.27-.23-.6-.13-.94C5.21.97 5.83.4 6.6.27"/></svg>Sperm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:sperm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:sperm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:sperm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--sperm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:sperm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:sperm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/sperm.svg" alt="Sperm アイコン" width="24" height="24">他のアイコンセットの Sperm アイコン
Sperm アイコン のよくある質問
Sperm アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sperm アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:sperm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sperm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/sperm.svg" alt="Sperm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。