Ikon Heart Empty
websymbol:heart-empty
Ikon Heart Empty (websymbol:heart-empty) adalah ikon SVG gratis dari set Web Symbols Liga karya Just Be Nice studio. Ikon ini digambar pada grid 1063 × 1000. Web Symbols Liga icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Web Symbols Liga
- Pembuat
- Just Be Nice studio
- Lisensi
- OFL-1.1
- Ukuran
- 1063 × 1000
- Tag
- heartempty
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1063" height="1000" viewBox="0 0 1063 1000"><path fill="currentColor" d="M1063 288v60q0 285-532 653Q0 634 0 348v-60Q0 161 80.5 81T287 1q81 0 134 30.5T531 130q58-68 111-98.5T775 1q126 0 207 80t81 207m-117 55v-50q0-58-39-113.5T812 118q-12-2-37-2q-53 0-83 19.5T620 204l-89 105l-89-105q-42-49-72-68.5T287 116q-24 0-37 2q-56 6-93.5 60T116 293v50q0 30 17 75q68 199 398 441q329-239 399-441q16-50 16-75"/></svg>Cara memakai ikon Heart Empty
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:heart-empty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:heart-empty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:heart-empty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--heart-empty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:heart-empty"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:heart-empty"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/websymbol/heart-empty.svg" alt="Ikon Heart Empty" width="24" height="24">Ikon terkait di Web Symbols Liga
Ikon Heart Empty di set ikon lain
FAQ Ikon Heart Empty
Apakah ikon Heart Empty gratis untuk penggunaan komersial?
Ya. Web Symbols Liga icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Heart Empty di React?
Pasang @iconify/react lalu render <Icon icon="websymbol:heart-empty" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Heart Empty ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/websymbol/heart-empty.svg" alt="Ikon Heart Empty">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.