Heart Crack Fill アイコン

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

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

keyline-icons:heart-crack-fill

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: heartcrack、crackfill、heartcrackfill

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 1.99965C19.8254 1.99965 22.9998 4.98215 23 8.74965C23 11.6439 21.4179 13.9744 19.4219 15.9918C17.4583 17.9765 14.8377 19.8914 12.6494 21.7604C12.2754 22.0796 11.7246 22.0796 11.3506 21.7604C9.16227 19.8914 6.54173 17.9765 4.57812 15.9918C2.5821 13.9744 1 11.6439 1 8.74965C1.00019 4.98215 4.17457 1.99965 8 1.99965C9.27426 1.99965 10.4435 2.33983 11.4902 2.93715L9.55664 8.41762C9.46577 8.67544 9.48459 8.96003 9.6084 9.20375C9.73228 9.44743 9.95107 9.63005 10.2129 9.70864L11.5068 10.0963L10.1318 12.5045C9.90837 12.896 9.97423 13.3889 10.293 13.7077L12.293 15.7077C12.6834 16.098 13.3165 16.0979 13.707 15.7077C14.0975 15.3172 14.0975 14.6841 13.707 14.2936L12.2471 12.8336L13.8682 9.99672C14.0194 9.73208 14.0417 9.4126 13.9287 9.12954C13.8156 8.84645 13.5791 8.63022 13.2871 8.54262L11.792 8.0934L13.7754 2.47622C13.7896 2.43599 13.7998 2.39477 13.8086 2.35415C14.4982 2.12426 15.2299 1.99965 16 1.99965Z" clip-rule="evenodd"/></svg>

Heart Crack Fill アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

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

Keyline Icons をすべて見る →