Pembuat Ikon SVG dan PNG

Pilih sebuah ikon, atur warna dan ukurannya, lalu unduh gratis dalam SVG atau PNG.

Latar pratinjau
Animasi
0 ikon
Pilih sebuah ikon

Cara memakai pembuat ikon ini

Pembuat ikon ini adalah alat online gratis untuk menemukan, menyesuaikan, dan mengunduh ikon yang siap dipakai di website, aplikasi, presentasi, maupun proyek desain. Tanpa perlu daftar atau memasang apa pun — semuanya berjalan langsung di browser.

Mencari dan memilih ikon

Pakai kolom pencarian atau telusuri kategori di panel sebelah kiri untuk menemukan ikon yang pas. Pustakanya berisi ratusan ikon yang tertata menurut tema, jadi mudah menemukan simbol untuk antarmuka, media sosial, teknologi, bisnis, dan banyak lagi. Klik ikon mana pun untuk memilihnya dan melihatnya seketika di panel penyesuaian.

Menyesuaikan ikonnya

Setelah memilih sebuah ikon, Anda bisa mengatur warna utama dan warna sekunder agar selaras dengan identitas visual proyek Anda. Anda juga bisa menentukan ukuran dalam piksel serta ketebalan garisnya, sehingga ikonnya benar-benar pas dengan tata letak yang Anda inginkan — baik untuk antarmuka minimalis maupun desain yang lebih tebal secara visual.

Mengunduh atau menyalin ikonnya

Kalau penyesuaiannya sudah selesai, ada tiga pilihan ekspor:

Dengan tiga pilihan itu, alat ini melayani baik developer yang menanam ikon langsung di kode maupun desainer yang butuh file siap pakai di aplikasi seperti Figma, Canva, atau PowerPoint.

Pertanyaan yang sering diajukan

Apakah ikonnya gratis untuk keperluan komersial?
Ya. Semua ikon di alat ini bebas dipakai, termasuk untuk proyek komersial. Anda tidak perlu mencantumkan atribusi apa pun.
Apa bedanya mengunduh dalam SVG dan PNG?
SVG adalah format vektor yang bisa diubah ke ukuran mana pun tanpa kehilangan kualitas, jadi paling pas untuk website dan aplikasi. PNG adalah gambar raster dengan ukuran tetap — lebih cocok untuk dokumen, presentasi, dan platform yang belum mendukung SVG.
Bisakah ikonnya dipakai langsung di HTML?
Bisa. Pakai tombol "Salin kode SVG" untuk menyalin kode sumbernya lalu menempelkannya langsung ke HTML. Dengan begitu ikonnya bisa Anda gayakan lewat CSS dan olah dengan JavaScript.
Apa itu warna sekunder?
Sebagian ikon punya dua lapisan atau elemen yang berbeda. Warna sekunder diterapkan pada elemen-elemen itu — misalnya latar bagian dalam, bayangan, atau detail tambahan. Untuk ikon bergaris tunggal, hanya warna utamanya yang dipakai.
Lanjutkan dengan alat lain
Artikel terkait
Lihat semua artikel →