Heart Pulse Fill アイコン

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

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

keyline-icons:heart-pulse-fill

Heart Pulse Fill アイコン(keyline-icons:heart-pulse-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: heartpulse、pulsefill、heartpulsefill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16 2C19.8256 2 23 4.9823 23 8.75C23 11.6443 21.418 13.9747 19.4219 15.9922C17.4582 17.9769 14.8378 19.8917 12.6494 21.7607C12.4683 21.9152 12.238 22 12 22C11.762 22 11.5317 21.9152 11.3506 21.7607C9.1622 19.8917 6.5418 17.9769 4.5781 15.9922C2.582 13.9747 1 11.6443 1 8.75C1 4.9823 4.1744 2 8 2C9.4851 2 10.828 2.4608 12 3.2539C13.172 2.4608 14.5149 2 16 2ZM20.0591 12L14.7208 12L13.9487 14.3162C13.8126 14.7246 13.4304 15 13 15C12.6212 15 12.275 14.786 12.1056 14.4472L10.1852 10.6066L9.9487 11.3162C9.8126 11.7246 9.4304 12 9 12L3.9409 12C4.2758 12.564 4.6595 13.0976 5.0875 13.5947C5.4809 14.0541 5.8961 14.4944 6.3318 14.9139C6.7991 15.3644 7.2795 15.8011 7.7725 16.2233C8.0287 16.4438 8.2869 16.6621 8.5471 16.878C8.8101 17.0967 9.0771 17.3155 9.3474 17.5354C9.6178 17.7553 9.8906 17.9756 10.1656 18.1976C10.4402 18.4192 10.7172 18.6427 10.9939 18.8672C11.2707 19.0919 11.5481 19.3184 11.8244 19.5469C11.883 19.5954 11.9415 19.6439 12 19.6926C12.0585 19.6439 12.117 19.5954 12.1756 19.5469C12.4519 19.3184 12.7293 19.0919 13.0061 18.8672C13.2828 18.6427 13.5598 18.4192 13.8344 18.1976C14.1094 17.9756 14.3822 17.7553 14.6526 17.5354C14.9229 17.3155 15.1899 17.0967 15.4529 16.878C15.9674 16.4526 16.4728 16.0162 16.9686 15.5692C17.4352 15.1489 17.8855 14.7109 18.3186 14.2561C18.7191 13.8362 19.0944 13.3931 19.4426 12.9289C19.6651 12.6309 19.8709 12.3208 20.0591 12Z" clip-rule="evenodd"/></svg>

Heart Pulse Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:heart-pulse-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:heart-pulse-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:heart-pulse-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--heart-pulse-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:heart-pulse-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:heart-pulse-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/heart-pulse-fill.svg" alt="Heart Pulse Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Heart Pulse Fill アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →