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
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.
heart.svg (624 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8" width="36" height="36" fill="currentColor" role="img" aria-label="Heart icon"><title>Heart - Open Iconic icon</title><desc>Free Heart vector icon from the Open Iconic open-source icon library; outline style, MIT licence, viewBox 0 0 8 8, 390 bytes.</desc> <path d="M2 0c-.55 0-1.04.23-1.41.59-.36.36-.59.85-.59 1.41 0 .55.23 1.04.59 1.41l3.41 3.41 3.41-3.41c.36-.36.59-.85.59-1.41 0-.55-.23-1.04-.59-1.41-.36-.36-.85-.59-1.41-.59-.55 0-1.04.23-1.41.59-.36.36-.59.85-.59 1.41 0-.55-.23-1.04-.59-1.41-.36-.36-.85-.59-1.41-.59z" transform="translate(0 1)" /> </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: Open Iconic | Author: Waybury | License: MIT | Source: https://github.com/iconic/open-iconic | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#heart
#open
#iconic
#interface
#outline
hati - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. hati
| Pengenal aset kanonis | open-iconic/heart |
|---|---|
| Paket perpustakaan sumber | Open Iconic |
| Kisi koordinat dan viewBox | viewBox="0 0 8 8" |
| Ukuran tanpa kompresi | 624 bytes (~343 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/iconic/open-iconic |
| 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 (76.166)
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.
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
SVG Icons Collection|interfaceoutline
hati
MingCute Icons|interfacesolid
hati
MingCute Icons Fill|interface3d
hati
3D Vector Icons|3d-icons
hati
IconPark|interface
Text H Five
Phosphor Icons|interface
Maps Local Shipping
Material Icons|interface
Maps No Crash
Material Icons|interface
Txt
Tabler Icons|interface
Users Four
Phosphor Icons|interface
Wheelchair Motion
Phosphor Icons|interface
Wave Saw Tool
Tabler Icons|interface
World Dollar
Tabler Icons|interface
Social Groups
Material Icons|interface
alarm
Ant Design TwoTone|interface
Add Circle Dash
MingCute Icons Fill|interface
AI
MingCute Icons Fill|interface
Align End Horizontal
Lucide|interface
Align Horizontal Justify Center
Lucide|interface
Afro Pick
IconPark|interface
Angel
MingCute Icons|interface
Backspace
Heroicons|interfaceJelajahi lainnya
Pertanyaan Umum
hati - Pertanyaan Umum
Lisensi apa yang mencakup hati? +
hati berasal dari Open Iconic dan dilindungi oleh MIT. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh hati? +
hati adalah vektor bergaya outline (viewBox 0 0 8 8). 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 Open Iconic oleh Waybury, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 76.166 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.