Ikon Heart Crack
lucide:heart-crack
Ikon Heart Crack (lucide:heart-crack) adalah ikon SVG gratis dari set Lucide karya Lucide Contributors. Ikon ini digambar pada grid 24 × 24. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Lucide
- Pembuat
- Lucide Contributors
- Lisensi
- ISC
- Ukuran
- 24 × 24
- Tag
- heartbreak, sadness, emotion, heartcrack
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12.409 5.824c-.702.792-1.15 1.496-1.415 2.166l2.153 2.156a.5.5 0 0 1 0 .707l-2.293 2.293a.5.5 0 0 0 0 .707L12 15"/><path d="M13.508 20.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.677a.6.6 0 0 0 .818.001A5.5 5.5 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5z"/></g></svg>
Cara memakai ikon Heart Crack
React
import { Icon } from "@iconify/react";
<Icon icon="lucide:heart-crack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide:heart-crack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide:heart-crack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide--heart-crack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide -->
<div class="i-lucide:heart-crack"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide:heart-crack"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/lucide/heart-crack.svg" alt="Ikon Heart Crack" width="24" height="24">
Ikon Heart Crack di set ikon lain
FAQ Ikon Heart Crack
Apakah ikon Heart Crack gratis untuk penggunaan komersial?
Ya. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Heart Crack di React?
Pasang @iconify/react lalu render <Icon icon="lucide:heart-crack" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Heart Crack ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lucide/heart-crack.svg" alt="Ikon Heart Crack">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Lucide →
ICONYZ
