Ikon Heart Empty

el:heart-empty

Ikon Heart Empty (el:heart-empty) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive 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: Elusive Icons
Pembuat: Team Redux
Lisensi: OFL-1.1
Ukuran: 1200 × 1200
Tag: heartempty

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M832.486 46.17c-48.316.497-97.873 9.932-146.357 29.285l-2.201.934l-2.201 1.134c-30.735 15.652-58.748 35.232-83.651 58.436c-134.023-115.917-347.394-124.33-493.37 7.271l-1.468 1.334l-1.334 1.401C-26.152 279.721-23.153 485.712 53.607 648.474l.667 1.268l.667 1.334c90.404 167.407 259.216 309.652 413.054 426.596l.4.333l.333.268c9.897 7.256 26.915 22.257 46.562 37.022c19.646 14.766 41.839 30.948 74.312 37.156l7.271 1.4l7.338-.601c34.082-2.939 47.452-15.523 69.843-29.617s47.177-31.986 72.645-51.565c50.202-38.595 102.147-83.079 136.351-114.804c.44-.409 1.166-.997 1.601-1.401c.071-.06.13-.14.2-.2c72.052-61.482 143.423-132.361 203.926-215.732c.019-.025.048-.041.065-.066c.114-.153.22-.313.334-.467c95.955-129.193 142.502-303.295 86.987-474.825l-1.001-3.069l-1.334-2.869C1111.497 123.881 977.435 44.681 832.486 46.17m1.735 105.532c104.434-2.402 195.973 53.518 241.415 149.158c41.99 133.897 5.693 270.32-72.512 375.364l-.2.267l-.199.268c-54.48 75.18-120.459 140.988-188.85 199.189l-.867.801l-.867.8c-30.797 28.667-82.925 73.323-130.547 109.935c-23.812 18.306-46.64 34.665-64.373 45.828c-6.668 4.197-13.008 7.059-18.212 9.272c-5.469-2.988-12.41-7.196-19.611-12.607c-14.5-10.897-29.94-24.809-46.763-37.224c-.262-.199-.538-.4-.8-.601c-149.294-113.553-306.55-251.435-382.169-390.44c-61.391-131.153-58.712-288.132 28.017-380.368c117.926-104.852 293.123-82.057 380.5 25.549l42.56 52.366l41.159-53.433c23.682-30.723 51.943-54.21 86.253-72.044c35.963-14.049 71.694-21.29 106.066-22.08"/></svg>

Cara memakai ikon Heart Empty

React

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

<Icon icon="el:heart-empty" width="24" />

Vue

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

<template>
  <Icon icon="el:heart-empty" width="24" />
</template>

Svelte

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

<Icon icon="el:heart-empty" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--heart-empty]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:heart-empty"></div>

Web component

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

<iconify-icon icon="el:heart-empty"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/el/heart-empty.svg" alt="Ikon Heart Empty" width="24" height="24">

Ikon terkait di Elusive Icons

Ikon Heart Empty di set ikon lain

FAQ Ikon Heart Empty

Apakah ikon Heart Empty gratis untuk penggunaan komersial?

Ya. Elusive 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="el: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/el/heart-empty.svg" alt="Ikon Heart Empty">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Elusive Icons →