Multi-Format Favicon & App Icon Generator

Buat Favicon & App Icon Lengkap

Upload 1 logo untuk menghasilkan paket lengkap: Favicon browser (16x16, 32x32, ICO), Apple Touch Icon (iOS), Android Chrome (192px & 512px), manifest, dan tag HTML siap tempel.

Klik atau Seret Logo ke Sini

Disarankan gambar persegi resolusi minimal 512x512px (PNG atau SVG).

Belum punya logo? Coba contoh:

Sesuaikan Gaya Icon

Padding / Ruang Tepi: 10%
Warna Latar Belakang:

Pratinjau Nyata (Live Preview)

Tampilan di Tab Browser:
Nama Website Anda ×
Tampilan Icon Aplikasi (Home Screen):
Apple Touch
Android 192px

Kode Tag HTML Siap Pakai:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

Pratinjau Nyata Real-time

Lihat langsung bagaimana icon Anda akan tampil di tab browser Chrome/Safari dan layar beranda smartphone sebelum mengunduhnya.

Paket Komplit Siap Pakai

Semua file dikemas rapi dalam satu file ZIP lengkap dengan `site.webmanifest` dan potongan tag HTML yang tinggal Anda salin ke tag ``.

Kustomisasi Bentuk & Margin

Sesuaikan bentuk icon (persegi, rounded squircle, lingkaran), atur padding agar logo tidak menempel ke tepi, dan pilih warna background yang serasi.

Pertanyaan yang Sering Diajukan (FAQ)

Ukuran resolusi gambar apa yang paling ideal untuk di-upload?

Kami menyarankan menggunakan gambar atau logo berformat PNG atau SVG berlatar belakang transparan dengan resolusi minimal 512x512 piksel agar icon di layar retina Apple dan Android tetap tajam.

Bagaimana cara memasang hasil favicon ke website saya?

Ekstrak file ZIP hasil unduhan ke folder root website Anda (misal folder `public/`), kemudian salin tag HTML yang disediakan di atas dan tempelkan di antara tag <head> dan </head> file HTML atau layout website Anda.