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, lalu ekspor dalam berbagai ukuran (16×16 hingga 512×512) sebagai PNG atau SVG.

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 dan ekspor sebagai PNG (16, 32, 48, 128, 256, 512px) atau SVG untuk penskalaan yang tajam.

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 simbol sendiri, bukan dari set bawaan?

Tidak langsung di dalam alat ini. Slot overlay hanya menerima satu karakter (huruf, emoji, atau simbol Unicode apa pun) atau salah satu glif gaya Lucide yang sudah disediakan. Untuk logo kustom, ekspor latar ikon lalu padukan dengan SVG transparan di pipeline build Anda.

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