Heart Cardiogram Outline アイコン

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

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

healthicons:heart-cardiogram-outline

Heart Cardiogram Outline アイコン(healthicons:heart-cardiogram-outline)は、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
カテゴリ: 記号
タグ: heartcardiogram、cardiogramoutline、heartcardiogramoutline、heart cardiogram2x outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M10.345 11.988C8.885 13.846 8 16.384 8 19.035c0 1.537.264 3.009.73 4.41h8.685l3.388-6.024l2.117 7.41l2.59-3.331H32v2h-5.51l-4.41 5.67l-1.883-6.591l-1.612 2.865H4v-2h2.636A15.8 15.8 0 0 1 6 19.034c0-3.075 1.021-6.054 2.772-8.282C10.528 8.518 13.056 7 16.032 7c3.503 0 6.167 1.963 7.968 4.734C25.8 8.964 28.465 7 31.969 7c2.975 0 5.504 1.518 7.26 3.753C40.978 12.98 42 15.96 42 19.035c0 6.582-4.544 12.079-8.842 15.831a49 49 0 0 1-8.494 5.914l-.151.08l-.04.022l-.012.005l-.003.002h-.001S24.456 40.89 24 40l-.434.9l-.006-.002l-.014-.007l-.05-.025l-.188-.094a31 31 0 0 1-.688-.363a44 44 0 0 1-2.394-1.402c-1.951-1.224-4.51-3.027-6.918-5.333c-1.284-1.23-2.53-2.61-3.62-4.128a1 1 0 1 1 1.624-1.166c1.005 1.4 2.166 2.687 3.38 3.85c2.279 2.184 4.72 3.905 6.597 5.083a42 42 0 0 0 2.698 1.559l.252-.141a47 47 0 0 0 7.603-5.371C36.044 29.691 40 24.705 40 19.034c0-2.65-.885-5.189-2.344-7.047C36.2 10.137 34.213 9 31.969 9c-3.103 0-5.51 2.02-7.071 5.202L24 16.03l-.898-1.828C21.541 11.02 19.134 9 16.032 9c-2.245 0-4.232 1.136-5.687 2.988M24 40l-.434.9l.448.217l.443-.227z" clip-rule="evenodd"/></svg>

Heart Cardiogram Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:heart-cardiogram-outline"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →