Fetus アイコン
pinhead:fetus
Fetus アイコン(pinhead:fetus)は、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="M5 .47c.48 1.11.8 1.88.95 2.33c.28.85-.21 1.49-.66 1.86c-.44.38-1.04.69-1.55.95l-.12.06c-.5.25-.9.45-1.18.66q-.105.075-.15.12c.02.06.04.09.05.11c.02 0 .05.01.11.01c.01 0 .02 0 .03.01c.13.01.41.04.67.15c.36.17.61.46.78.85c.15.35.44 1.01.75 1.71q.12.15.21.33l1.19 2.68c.75-.09 1.3-.37 1.68-.68h-.04c-.65.1-1.28-.28-1.49-.9l-.87-2.63c-.23-.7.16-1.45.87-1.68s1.48.16 1.71.86l.52 1.55l1.07-.15c.61-.09 1.2.24 1.44.79c.3.67.24 1.4.06 2c-.2.63-.56 1.24-1.07 1.78c-1.04 1.09-2.69 1.86-4.83 1.75c-.51-.03-.97-.33-1.17-.8L2.89 11.8l-.61.2c-.71.23-1.48-.16-1.71-.86c-.24-.7.15-1.45.87-1.68l1.4-.45c-.15-.34-.27-.62-.35-.82c-.01-.02-.02-.03-.02-.04c-.04-.01-.07-.01-.11-.02c-.03 0-.06 0-.1-.01c-.18-.02-.51-.06-.83-.29c-.33-.23-.54-.58-.67-1a1.3 1.3 0 0 1 .12-1.1c.16-.28.41-.49.63-.66c.39-.28.92-.55 1.37-.78l.15-.07c.54-.28.97-.51 1.25-.74c.11-.1.16-.17.18-.2a31 31 0 0 0-.79-1.93l-.11-.26c-.17-.39.01-.85.4-1.02c.4-.18.86 0 1.04.4m6.78 3.09c1.5 0 2.72 1.2 2.72 2.67S13.28 8.9 11.78 8.9c-1.49 0-2.71-1.2-2.71-2.67s1.22-2.67 2.71-2.67"/></svg>Fetus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:fetus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:fetus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:fetus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--fetus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:fetus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:fetus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/fetus.svg" alt="Fetus アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
他のアイコンセットの Fetus アイコン
Fetus アイコン のよくある質問
Fetus アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fetus アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:fetus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fetus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/fetus.svg" alt="Fetus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。