Ikon Heart
pixelarticons:heart
Ikon Heart (pixelarticons:heart) adalah ikon SVG gratis dari set Pixelarticons karya Gerrit Halfmann. Ikon ini digambar pada grid 24 × 24. Pixelarticons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Pixelarticons
- Pembuat
- Gerrit Halfmann
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 22h-2v-2h2zm-2-2H9v-2h2zm4 0h-2v-2h2zm-6-2H7v-2h2zm8 0h-2v-2h2zM7 16H5v-2h2zm12 0h-2v-2h2zM5 14H3v-2h2zm16 0h-2v-2h2zM3 12H1V6h2zm20 0h-2V6h2zM13 8h-2V6h2zM5 6H3V4h2zm6 0H9V4h2zm4 0h-2V4h2zm6 0h-2V4h2zM9 4H5V2h4zm10 0h-4V2h4z"/></svg>
Cara memakai ikon Heart
React
import { Icon } from "@iconify/react";
<Icon icon="pixelarticons:heart" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pixelarticons:heart" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pixelarticons:heart" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pixelarticons--heart]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pixelarticons -->
<div class="i-pixelarticons:heart"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pixelarticons:heart"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/pixelarticons/heart.svg" alt="Ikon Heart" width="24" height="24">
Ikon Heart di set ikon lain
FAQ Ikon Heart
Apakah ikon Heart gratis untuk penggunaan komersial?
Ya. Pixelarticons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Heart di React?
Pasang @iconify/react lalu render <Icon icon="pixelarticons:heart" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Heart ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/pixelarticons/heart.svg" alt="Ikon Heart">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Pixelarticons →
ICONYZ
