Heart Crack Outline アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:heart-crack-outline

Heart Crack Outline アイコン(solar:heart-crack-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: いいね
タグ: heartcrack、crackoutline、heartcrackoutline、heart broken outline

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="M5.62436 4.4241C3.96537 5.18243 2.75 6.98614 2.75 9.13701C2.75 11.3344 3.64922 13.0281 4.93829 14.4797C6.00072 15.676 7.28684 16.6675 8.54113 17.6345C8.83904 17.8642 9.13515 18.0925 9.42605 18.3218C9.95208 18.7365 10.4213 19.1004 10.8736 19.3647C11.0805 19.4856 11.2689 19.5765 11.442 19.6395L12.1694 16.73L10.4697 15.0302C10.1926 14.7531 10.1755 14.3094 10.4306 14.0118L12.8973 11.1339L10.0641 9.11021C9.76374 8.89569 9.66412 8.49455 9.82921 8.16445L11.0849 5.65354C9.14155 3.86228 7.13852 3.73198 5.62436 4.4241ZM12.6186 5.94032L11.4575 8.26214L14.4359 10.3896C14.6072 10.5119 14.7191 10.7005 14.7445 10.9094C14.7699 11.1183 14.7064 11.3282 14.5694 11.488L12.0214 14.4607L13.5303 15.9696C13.7166 16.1559 13.7915 16.4262 13.7276 16.6818L13.0453 19.4111C13.072 19.3962 13.099 19.3807 13.1264 19.3647C13.5787 19.1004 14.0479 18.7365 14.574 18.3218C14.8649 18.0925 15.161 17.8642 15.4589 17.6345C16.7132 16.6675 17.9993 15.676 19.0617 14.4797C20.3508 13.0281 21.25 11.3344 21.25 9.13701C21.25 6.98614 20.0346 5.18243 18.3756 4.4241C16.7843 3.69672 14.6531 3.87769 12.6186 5.94032ZM12 4.45873C9.68795 2.39015 7.09896 2.10078 5.00076 3.05987C2.78471 4.07283 1.25 6.42494 1.25 9.13701C1.25 11.8025 2.3605 13.836 3.81672 15.4757C4.98287 16.7888 6.41022 17.8879 7.67083 18.8585C7.95659 19.0785 8.23378 19.292 8.49742 19.4998C9.00965 19.9036 9.55955 20.3342 10.1168 20.6598C10.6739 20.9853 11.3096 21.2499 12 21.2499C12.6904 21.2499 13.3261 20.9853 13.8832 20.6598C14.4405 20.3342 14.9903 19.9036 15.5026 19.4998C15.7662 19.292 16.0434 19.0785 16.3292 18.8585C17.5898 17.8879 19.0171 16.7888 20.1833 15.4757C21.6395 13.836 22.75 11.8025 22.75 9.13701C22.75 6.42494 21.2153 4.07283 18.9992 3.05987C16.901 2.10078 14.3121 2.39015 12 4.45873Z" clip-rule="evenodd"/></svg>

Heart Crack Outline アイコンの使い方

React

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

<Icon icon="solar:heart-crack-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:heart-crack-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:heart-crack-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:heart-crack-outline"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Solar アイコンをすべて見る →