Heart Organ アイコン

Q: Heart Organ アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

healthicons:heart-organ

Heart Organ アイコン(healthicons:heart-organ)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 体
タグ: heartorgan

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M20 6h4v2.644c1.273-.078 2.506-.004 3.614.23c-4.7 1.85-6.863 6.605-7.217 7.383l-.022.048c-1.149-.174-2.393-.32-3.57-.309c-1.214.104-2.391.283-4.33 1.375c-.274.194-.642.51-1.143.994c-.036-.027-.075-.05-.126-.083l-.151-.096a12 12 0 0 0-1.174-.67c-1.016-.504-2.262-.933-3.483-.933v-3.879c2.111 0 4.01.717 5.305 1.36c.449.223.843.445 1.17.643a7.5 7.5 0 0 1 1.125-1.717L11.8 9.543l3.521-2.287l2.027 3.18a16 16 0 0 1 2.651-1.068zm10.757 8.691c-1.458.676-2.72 1.786-3.857 3.924c0 0-2.524-1.154-4.572-1.754c1.572-3.186 3.4-4.978 6.097-6.228c2.609-1.21 5.72-1.52 9.418-1.391L37.667 14c-3.41-.118-5.365-.025-6.91.691"/><path d="M13.281 19.22c-7.263 6.478 3.112 22.673 11.413 22.673s19.73-16.181 11.413-23.599a47 47 0 0 1-.516-.468c-.688-.63-1.145-1.05-2.414-1.804c-2.552 0-4.09 2.553-4.79 4.109a1.2 1.2 0 0 1-.13.22l-1.615 4.49l-.581 2.089a1 1 0 0 0 .045.665l.68 1.57l3.517-.408l.231 1.986l-3.309.385l.215 3.151l-1.995.136l-.268-3.931l-.906-2.095a3 3 0 0 1-.137-1.996l.017-.062l-2.034.92l-1.33 3.361l-1.86-.736l1.054-2.662l-3.21-.756l.458-1.947l4.006.944L24.89 23.8l1.23-3.42c-3.168-1.489-9.674-3.985-12.84-1.162"/></g></svg>

Heart Organ アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:heart-organ" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:heart-organ" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:heart-organ" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--heart-organ]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:heart-organ"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:heart-organ"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/heart-organ.svg" alt="Heart Organ アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Heart Organ アイコン

Heart Organ アイコンのよくある質問

Heart Organ アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Heart Organ アイコンを使うには?

@iconify/react をインストールして <Icon icon="healthicons:heart-organ" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Heart Organ アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/heart-organ.svg" alt="Heart Organ アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Health Icons をすべて見る →