Ikon Hearts
keyline-icons:hearts
Ikon Hearts (keyline-icons:hearts) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline Icons 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
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- heart
Kode 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="2" d="M8 21C5.2626 18.662 2 16.65 2 13.65C2 11.7446 3.6117 10.2 5.6 10.2C6.5 10.2 7.3056 10.5275 8 11.1C8.6944 10.5275 9.5 10.2 10.4 10.2C12.3883 10.2 14 11.7446 14 13.65C14 16.65 10.7374 18.662 8 21ZM10.0086 6.21C10.1372 4.4166 11.6959 3 13.6 3C14.5 3 15.3056 3.3275 16 3.9C16.6944 3.3275 17.5 3 18.4 3C20.3883 3 22 4.5446 22 6.45C22 8.7806 20.031 10.5149 17.8689 12.2689"/></svg>
Cara memakai ikon Hearts
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hearts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hearts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hearts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hearts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hearts"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:hearts"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/hearts.svg" alt="Ikon Hearts" width="24" height="24">
Ikon terkait di Keyline Icons
Ikon Hearts di set ikon lain
FAQ Ikon Hearts
Apakah ikon Hearts gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Hearts di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:hearts" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hearts ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/hearts.svg" alt="Ikon Hearts">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Keyline Icons →
ICONYZ
