devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Ikon Jantung Gratis (SVG)

48 ikon jantung gratis dari set open-source. Klik salah satu untuk mengubah ukuran, warna, dan stroke, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

heart
Lucideheart
Tablerheart
Heroiconsheart
Phosphorheart
Bootstrap Iconsheart
Iconoirheart-12-filled
Fluent UIecg-heart
Material Symbolsheart
Material Design Iconsheart-x
Lucideheart-filled
Tablerheart-16-solid
Heroiconsheart-bold
Phosphorheart-fill
Bootstrap Iconsheart-solid
Iconoirheart-12-regular
Fluent UIecg-heart-outline
Material Symbolsheart-outline
Material Design Iconsheart-off
Lucideheart-x
Tablerheart-20-solid
Heroiconsheart-duotone
Phosphorbag-heart
Bootstrap Iconsheart-16-filled
Fluent UIecg-heart-outline-sharp
Material Symbolsheart-box
Material Design Iconsheart-up
Tablerheart-solid
Heroiconsheart-fill
Phosphorbag-heart-fill
Bootstrap Iconsheart-16-regular
Fluent UIecg-heart-sharp
Material Symbolsheart-box-outline
Material Design Iconseye-heart
Tablerheart-light
Phosphorheart-20-filled
Fluent UIdine-heart
Material Symbolsheart-cog
Material Design Iconsheart-cog
Tablerheart-thin
Phosphorheart-20-regular
Fluent UIdine-heart-outline
Material Symbolsheart-cog-outline
Material Design Iconsheart-off
Tablerheart-24-filled
Fluent UIdine-heart-outline-rounded
Material Symbolsheart-off
Material Design Iconsheart-pin
Tabler

Menggunakan ikon jantung

Jantung melambangkan suka, favorit, atau simpan untuk nanti. Ikon hati terisi untuk status aktif dan garis luar untuk status nonaktif adalah pola yang umum dipakai.

Semua ikon di sini mengikuti currentColor, sehingga warnanya mengikuti warna teks elemen tempatnya berada. Satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) agar tata letak tidak bergeser saat halaman dimuat.

Ikon yang mudah diakses

Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten sebuah tombol atau tautan, beri elemen tersebut aria-label seperti “Jantung”.

Lisensi

Ikon jantung ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, dan Material Design Icons. Semuanya adalah set open-source dengan lisensi MIT, ISC, atau Apache 2.0 yang memperbolehkan penggunaan pribadi maupun komersial. Butuh yang lain? Cari lebih dari 70.000 ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon jantung ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set open-source dengan lisensi MIT, ISC, atau Apache 2.0 yang memperbolehkan penggunaan komersial. Tetap cantumkan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon jantung?
SVG-nya menggunakan currentColor, jadi atur properti color CSS pada elemen induknya. Atau buka ikon di finder dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Copy to Webflow (akan menempel sebagai Code Embed) atau Copy JSX untuk komponen React.