outline
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
Bootstrap Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 16 16"
|
Gratis untuk penggunaan komersial
Ikon SVG hati
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. hati - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
bootstrap-regular-heart.svg (680 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Heart icon"><title>Heart - Bootstrap Icons icon</title><desc>Free Heart vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 458 bytes.</desc> <path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15"/> </svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? hati
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. hati
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#bootstrap
#regular
#heart
#interface
#outline
hati - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. hati
| Pengenal aset kanonis | bootstrap/bootstrap-regular-heart |
|---|---|
| Paket perpustakaan sumber | Bootstrap Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 16 16" |
| Ukuran tanpa kompresi | 680 bytes (~374 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/twbs/icons |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: hati
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (77.087)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
bootstrap-regular-heart.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("hati")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahioutline
hati
Bytesize Icons|interfacesolid
hati
Maki|traveloutline
hati
Open Iconic|interfaceoutline
hati
SVG Icons Collection|interfaceoutline
hati
MingCute Icons|interfacesolid
hati
MingCute Icons Fill|interface
hati
3D Vector Icons|3d-icons
hati
IconPark|interface
Airplane Taxiing
Phosphor Icons|interface
Arrows Clockwise
Phosphor Icons|interface
Bell
Phosphor Icons|interface
Sustainability Leaf
Domain Icons|interface
Sustainability Recycle
Domain Icons|interface
Sustainability Water
Domain Icons|interface
Number
Tabler Icons|interface
Number
Tabler Icons|interface
Action Thumb Down
Material Icons|interface
Number
Tabler Icons|interface
Action View Day
Material Icons|interface
AV 6k Plus
Material Icons|interface
Airbnb
SVG Icons Collection|interface
tambah
MingCute Icons|interface
Add One
IconPark|interface
Airplay
MingCute Icons Fill|interfaceJelajahi lainnya
Pertanyaan Umum
hati - Pertanyaan Umum
Lisensi apa yang mencakup hati? +
hati berasal dari Bootstrap Icons dan dilindungi oleh MIT. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh hati? +
hati adalah vektor bergaya outline (viewBox 0 0 16 16). Unduh SVG, PNG, WebP atau ICO, atau salin kode React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask atau Base64 dari halaman ini.
Dari mana ikon hati berasal? +
hati adalah bagian dari pustaka Bootstrap Icons oleh The Bootstrap Authors, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 77.087 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.