Ikon Heartbeat
la:heartbeat
Ikon Heartbeat (la:heartbeat) adalah ikon SVG gratis dari set Line Awesome karya Icons8. Ikon ini digambar pada grid 32 × 32. Line Awesome icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Line Awesome
- Pembuat
- Icons8
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
- Kategori
- Medis
- Tag
- heartbeat solid
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.781 5C6.492 5 3 8.3 3 12.36c0 .218.02.425.035.64H5.04a7 7 0 0 1-.039-.64C5 9.405 7.594 7 10.781 7c1.457 0 2.848.504 3.918 1.418L16 9.531l1.3-1.113C18.368 7.504 19.759 7 21.22 7C24.406 7 27 9.406 27 12.36c0 5.12-4.824 8.156-8.703 10.597c-.887.555-1.664 1.047-2.297 1.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98 2.41 4.785 4.188 7.11 5.652c.972.61 1.808 1.137 2.402 1.602c0 0 .95.738.957.746c.004-.008.953-.746.953-.746c.594-.465 1.43-.992 2.406-1.602C23.426 22.09 29 18.586 29 12.36C29 8.301 25.508 5 21.219 5c-1.95 0-3.797.68-5.219 1.898C14.578 5.68 12.727 5 10.781 5m1.188 4.387l-2.336 5.832L9.414 15H3v2h5.586l1.777 1.781l1.668-4.168l3 7l2.07-5.175l.282.562h1.887A1.999 1.999 0 0 0 23 16a1.999 1.999 0 0 0-3.73-1h-.653l-1.719-3.438l-1.93 4.825z"/></svg>
Cara memakai ikon Heartbeat
React
import { Icon } from "@iconify/react";
<Icon icon="la:heartbeat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:heartbeat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:heartbeat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--heartbeat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:heartbeat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:heartbeat"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/la/heartbeat.svg" alt="Ikon Heartbeat" width="24" height="24">
Ikon Heartbeat di set ikon lain
FAQ Ikon Heartbeat
Apakah ikon Heartbeat gratis untuk penggunaan komersial?
Ya. Line Awesome icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Heartbeat di React?
Pasang @iconify/react lalu render <Icon icon="la:heartbeat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Heartbeat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/la/heartbeat.svg" alt="Ikon Heartbeat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Line Awesome →
ICONYZ
