Hearts Broken アイコン
solar:hearts-broken
Hearts Broken アイコン(solar:hearts-broken)は、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
- カテゴリ
- いいね
- タグ
- heartsbroken、heart
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.52401 17C7.34949 17.6794 8.19243 18.3044 8.96173 18.9109C10 19.7294 11 20.5 12 20.5C12.6939 20.5 13.3878 20.1289 14.0945 19.6283M14.0945 19.6283C14.3462 19.8137 14.5939 19.993 14.8291 20.1692C15.4001 20.5971 15.95 21 16.5 21C17.05 21 17.6 20.5971 18.171 20.1692C18.4357 19.9709 18.7161 19.7689 19.0001 19.5584M21.5091 17C21.8135 16.4363 22 15.798 22 15.0595C22 14.2243 21.6735 13.4689 21.1474 12.9177C21.1311 12.9007 21.1147 12.8838 21.098 12.8672C20.0141 11.7831 18.1368 11.5419 16.5 13.1584C14.8381 11.5171 12.9283 11.7909 11.8528 12.9177C11.3266 13.4689 11.0001 14.2243 11.0001 15.0595C11.0001 17.2323 12.6149 18.5377 14.0945 19.6283M3 13.0516C2.38338 11.9242 2 10.639 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 10.5577 21.657 11.7844 21.098 12.8672"/></svg>Hearts Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:hearts-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:hearts-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:hearts-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hearts-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hearts-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:hearts-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/hearts-broken.svg" alt="Hearts Broken アイコン" width="24" height="24">Solar の関連アイコン
Hearts Broken アイコン のよくある質問
Hearts Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hearts Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:hearts-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hearts Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/hearts-broken.svg" alt="Hearts Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。