Apa itu Pembuat Ikon?

Icon Maker memungkinkan Anda membuat ikon sederhana dan profesional untuk aplikasi, situs web, dan favicon. Gabungkan bentuk, huruf, dan warna di kanvas grid, isi latar dengan gradien dua warna jika perlu, lalu ekspor dalam berbagai ukuran (16×16 hingga 512×512) sebagai PNG, SVG, .ico multi-ukuran, atau paket ZIP favicon lengkap sekali klik.

Pilih lingkaran, kotak, atau kotak melengkung sebagai dasar, tentukan warna latar dan warna utama, lalu pasang satu huruf atau salah satu simbol bawaan (centang, bintang, panah, hati, plus). Atur halus ukuran font dan offset hingga karakter pas di tengah, dan ekspor enam ukuran standar dari 16×16 favicon sampai 512×512 ikon PWA hanya dengan satu klik.

Cara menggunakan

1. Langkah 1 — Pilih bentuk dasar (lingkaran, persegi, persegi membulat) dan atur warna latar belakang.
2. Langkah 2 — Tambahkan huruf, simbol, atau overlay bentuk sederhana. Sesuaikan warna foreground, ukuran, dan posisi.
3. Langkah 3 — Pratinjau dalam berbagai ukuran lalu ekspor sebagai PNG (16, 32, 48, 128, 256, 512px), SVG, .ico, atau ambil paket ZIP favicon lengkap beserta cuplikan HTML siap-tempel.

Kapan menggunakan

• Membuat favicon untuk proyek sampingan tanpa membuka Figma atau membeli paket ikon.
• Menyediakan ikon sementara untuk prototipe Android atau iOS sebelum desain final siap.
• Menyusun monogram (huruf awal di atas blok warna) untuk situs pribadi atau avatar GitHub.

Hasil

Seorang developer membuat favicon untuk aplikasi todo: latar belakang persegi membulat biru (#3B82F6) dengan simbol centang putih, diekspor sebagai PNG 32×32 untuk tab browser dan PNG 512×512 untuk manifest PWA.

FAQ

Ukuran apa saja yang benar-benar dibutuhkan untuk favicon situs?

Minimal PNG 32×32 untuk tab peramban desktop, dan 180×180 (atau 192×192) untuk layar utama iOS dan pintasan Android. Jika merilis PWA, tambah 512×512 untuk manifest. Tombol Ekspor Semua langsung menghasilkan seluruh set sekaligus.

Sebaiknya ekspor SVG atau PNG?

SVG dapat diperbesar tanpa kehilangan ketajaman dan cocok untuk ikon dalam aplikasi yang dipakai di berbagai ukuran, seperti logo sidebar. PNG wajib untuk favicon, app store, dan platform yang tidak menerima vektor. Menu ekspor menyediakan keduanya.

Bisa pakai gambar atau simbol sendiri, bukan dari set bawaan?

Bisa. Ubah overlay ke mode Gambar lalu unggah PNG, JPG, SVG, atau WebP — gambar dipotong mengikuti bentuk yang Anda pilih, dan bisa diperbesar, digeser, serta diputar sebelum diekspor. Untuk tanda cepat, mode Huruf menerima karakter apa pun, termasuk emoji yang ditempel. Untuk logo sepenuhnya kustom, unggah SVG transparan dan pilih latar transparan.

Kenapa huruf terlihat tidak di tengah saat diekspor di ukuran kecil?

Pusat optis huruf jarang sama dengan pusat geometris. Huruf yang menjuntai ke bawah (g, p, y) atau kapital tinggi terlihat lebih seimbang bila digeser satu-dua piksel dari titik tengah matematis. Sebelum ekspor, atur dengan slider Offset X dan Offset Y.

Apakah kotak melengkung sama dengan bentuk sistem iOS atau Android?

Bentuknya kotak melengkung umum yang dekat dengan gaya iOS. Baik Android (lingkaran, squircle, tetesan) maupun iOS menempelkan masker ikon adaptifnya sendiri, jadi rancanglah sampai ke tepi dan biarkan OS yang memotong sesuai bentuk saat itu.

Alat terkait