Heart Cardiogram Outline 24px アイコン

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

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

healthicons:heart-cardiogram-outline-24px

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

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 記号
タグ: heartcardiogram、cardiogramoutline、outline24px、heartcardiogramoutline24px

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.008 6.28C6.389 7.116 6 8.284 6 9.517c0 .451.077.952.18 1.417H4.14A8 8 0 0 1 4 9.517c0-1.629.508-3.22 1.4-4.427C6.295 3.88 7.63 3 9.25 3c.622 0 1.2.22 1.678.48c.485.263.934.606 1.315.94c.28.245.537.497.757.727c.22-.23.476-.482.757-.728c.381-.333.83-.676 1.315-.94C15.55 3.22 16.128 3 16.75 3c1.62 0 2.955.88 3.85 2.09c.892 1.207 1.4 2.798 1.4 4.427c0 1.72-.462 3.058-.78 3.646c-1.066 2.46-3.03 4.389-4.664 5.679a23 23 0 0 1-2.16 1.509a19 19 0 0 1-.918.527l-.015.008l-.005.003h-.002l-.456.234l-.456-.233l-.002-.001l-.005-.003l-.015-.008a7 7 0 0 1-.244-.132a19 19 0 0 1-.674-.395a23 23 0 0 1-2.16-1.51c-1.226-.968-2.64-2.296-3.719-3.94h2.49a16.7 16.7 0 0 0 2.469 2.37A21 21 0 0 0 13 18.857q.153-.09.349-.21c.51-.312 1.21-.776 1.967-1.374c1.533-1.21 3.214-2.905 4.085-4.943l.023-.053l.029-.05c.134-.236.547-1.258.547-2.709c0-1.233-.39-2.4-1.008-3.237C18.376 5.447 17.587 5 16.75 5c-.161 0-.402.062-.722.236c-.312.17-.639.413-.954.688a11 11 0 0 0-1.252 1.315a1.05 1.05 0 0 1-1.644 0a11 11 0 0 0-1.252-1.315a5.5 5.5 0 0 0-.954-.688C9.652 5.062 9.412 5 9.25 5c-.837 0-1.626.447-2.242 1.28"/><path d="M4.37 11.934h3.564L10.18 8.25l1.543 3.795l.742-1.095H16v1.968h-2.465l-2.258 3.332l-1.457-3.585l-.754 1.237H2v-1.968z"/></g></svg>

Heart Cardiogram Outline 24px アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:heart-cardiogram-outline-24px"></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-24px"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →