Pencari Ikon SVG Gratis — 70.000+ Ikon Open-Source

Cara menggunakan Pencari Ikon SVG

Ketik yang kamu butuhkan — beranda, panah kanan, keranjang belanja — lalu pilih set, atau cari di semua set.
Klik ikon untuk membukanya. Atur ukuran, biarkan currentColor agar mengikuti warna teksmu, atau pilih warna kustom; sesuaikan garis untuk ikon outline.
Salin sebagai SVG, JSX untuk React, data URI, mask CSS, atau tempel ke Webflow — atau unduh SVG atau PNG.
Klik ☆ Simpan untuk menyimpan ikon yang sering kamu pakai; ikon itu akan muncul di ★ Tersimpan lain kali.

Ikon gratis yang bisa langsung kamu pakai

Setiap ikon di sini berasal dari set open-source dengan lisensi permisif, sehingga kamu bisa memakainya di website dan aplikasi pribadi maupun komersial. Lisensi dan pembuatnya ditampilkan di setiap ikon:

Set	Lisensi	Gaya
Lucide	ISC	Outline, grid 24 px
Tabler Icons	MIT	Outline dan terisi
Heroicons	MIT	Outline, solid, mini
Phosphor	MIT	Enam ketebalan
Bootstrap Icons	MIT	Terisi dan outline
Feather, Iconoir	MIT	Outline
Fluent UI System Icons	MIT	Gaya Microsoft
Material Symbols, Material Design Icons, Carbon	Apache 2.0	Gaya Google, Pictogrammers, dan IBM

Lisensi MIT, ISC, dan Apache 2.0 meminta kamu menyertakan hak cipta dan catatan lisensi saat mendistribusikan ulang file ikon itu sendiri (misalnya dalam paket ikon). Memakai ikon di dalam website atau aplikasi adalah kasus sehari-hari yang memang diatur oleh lisensi tersebut.

Kenapa currentColor penting

Ikon yang fill atau stroke-nya currentColor akan mengambil nilai CSS color dari elemen induknya, jadi SVG yang sama bisa menjadi putih di tombol gelap, biru di tautan, dan abu-abu saat nonaktif — tanpa mengedit file. Gunakan currentColor untuk ikon di teks UI dan tombol; pilih warna tetap untuk ilustrasi dan favicon.

Format mana yang disalin

SVG — tempel langsung ke HTML, Webflow Embed, atau file .svg.
JSX — atribut siap React (strokeWidth, className) untuk dimasukkan ke komponen.
Data URI — untuk <img src> atau background-image CSS tanpa file terpisah.
CSS mask — ikon yang mewarisi currentColor dari CSS, berguna di pseudo-element.
Salin ke Webflow — menempelkan Code Embed berisi SVG ke Webflow Designer.

Optimalkan SVG milikmu dengan SVG Optimizer atau ubah salah satunya menjadi favicon dengan Favicon Generator.

Ikon populer

Koleksi ikon SVG gratis untuk simbol antarmuka yang paling umum:

Pertanyaan yang sering diajukan

Apakah ikon ini gratis untuk penggunaan komersial?

Ya. Semua set yang tercantum bersifat open source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Sertakan catatan lisensi jika kamu mendistribusikan ulang file ikonnya.

Apakah saya perlu mencantumkan nama pembuat ikon?

Tidak perlu di dalam website atau aplikasi berdasarkan lisensi ini. Jika kamu mengirimkan ikon sebagai file — misalnya dalam template atau paket ikon — sertakan lisensi dari set tersebut.

Apa fungsi currentColor?

Ikon akan memakai warna teks dari elemen tempat ia berada, sehingga satu SVG bisa menyesuaikan diri dengan tombol, tautan, dan mode gelap melalui CSS.

Bisakah saya mengubah ketebalan garis?

Bisa, untuk ikon outline seperti Lucide, Tabler, Feather, dan Iconoir. Ikon terisi tidak memiliki garis untuk diubah.

Apakah pencarianku bersifat privat?

Kata pencarian dikirim ke Iconify API publik, yang menyediakan set ikon tersebut. Tidak ada data lain yang meninggalkan browser kamu, dan kamu tidak perlu akun.

Bisakah saya memasang Pencari Ikon SVG sebagai aplikasi web dan memakainya offline?

Bisa. Pencari Ikon SVG adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.