Heart Pulse Sharp Fill アイコン

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

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

keyline-icons:heart-pulse-sharp-fill

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

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

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="M11.3505 21.7604C6.8469 17.9139 1 14.3082 1 8.75C1 5.1476 4.2844 2 8 2C9.4261 2 10.8308 2.479 12 3.2568C13.1692 2.479 14.5739 2 16 2C19.7156 2 23 5.1476 23 8.75C23 14.3082 17.1531 17.9139 12.6495 21.7604C12.4684 21.9151 12.2381 22 12 22C11.7619 22 11.5316 21.9151 11.3505 21.7604ZM20.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 Sharp Fill アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:heart-pulse-sharp-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-sharp-fill"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →