Heart Organ アイコン
pinhead:heart-organ
Heart Organ アイコン(pinhead:heart-organ)は、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
- タグ
- heartorgan
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M11.88 4.63c.42.15.76.41 1.01.78c.37.54.5 1.22.51 1.86c.02 1.29-.38 2.8-.8 3.88c-.48 1.24-1.44 2.19-2.38 2.82C9.3 14.6 8.26 15 7.5 15s-1.6-.37-2.3-.82c-.73-.46-1.44-1.07-1.95-1.71c-.53-.65-1.26-2.08-1.54-3.46c-.11-.58-.16-1.2-.04-1.79c.14-.53.49-.88.96-1.14c.49-.27 1.09-.42 1.67-.54c1.78-.4 2.86.22 3.74.76a6 6 0 0 0-.48 1.69c-.4-.05-.93-.01-1.45.27c-.03-.02-.07-.03-.1-.04l-1.34-.46l-.36 1.06l.87.3l-.38 1.05l1.03.4l.36-.96l.12-.12c.43-.41.94-.42 1.19-.38c0 .19.02.36.04.51c.04.28.1.55.2.76l.09.18l-.2 1.93l1.1.12l.16-1.49l1.46.16l.12-1.12l-1.69-.18l-.05-.11a1.7 1.7 0 0 1-.09-.4c-.04-.22-.05-.49-.04-.8c.01-.28.05-.58.11-.88l.02-.04c.11-.21.2-.48.29-.74l.02-.05c.09-.25.18-.51.29-.76v-.02l.01-.02c.23-.54.49-.96.83-1.19c.17-.12.48-.22.91-.28c.25-.04.52-.06.8-.06m1.52-2.57V3.6c-.29-.04-.6-.07-.91-.08c-.52-.03-1.06-.02-1.56.05c-.49.07-1 .2-1.38.46c-.46.32-.79.79-1.03 1.26c-.37-.23-.82-.49-1.35-.69c.87-1.99 2.76-2.54 4.39-2.54zM7.69 0c.04 0 .07.03.07.08v1.46c0 .04.03.07.07.08l.5.09c-.92.52-1.75 1.35-2.25 2.62a5.9 5.9 0 0 0-2.01.11c-.53.11-1.22.27-1.84.59c-.31-.1-.72-.15-1.26-.15c-.05 0-.08-.06-.06-.11l.68-1.74c.01-.02.02-.03.04-.04c.42-.19 1.31-.02 2.05.48l.21-.46c.01-.02 0-.05-.01-.07l-.84-1.22a.08.08 0 0 1 .02-.11L4.44.63c.03-.03.08-.02.1.02l.84 1.21c.02.02.05.04.08.03l.46-.14l.01-.14V.08C5.93.03 5.96 0 6 0z"/></svg>
Heart Organ アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:heart-organ" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:heart-organ" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:heart-organ" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--heart-organ]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:heart-organ"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:heart-organ"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/heart-organ.svg" alt="Heart Organ アイコン" width="24" height="24">
Pinhead Map Icons の関連アイコン
他のアイコンセットの Heart Organ アイコン
Heart Organ アイコン のよくある質問
Heart Organ アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heart Organ アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:heart-organ" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Organ アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/heart-organ.svg" alt="Heart Organ アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
