Buat paket favicon lengkap dari logo, ikon font, atau monogram — favicon.ico, PNG modern, ikon Apple touch, ikon PWA, manifes web, dan cuplikan HTML.

Jatuhkan logo, pilih ikon font atau ketik monogram — kami membuat setiap favicon yang dibutuhkan situs web modern, mulai dari favicon.ico klasik hingga ikon Apple touch, ikon PWA, dan cuplikan HTML siap tempel.

Jatuhkan PNG di sini atau klik untuk mengunggah
PNG transparan disarankan · juga menerima JPG / WebP
64%
Warna latar belakang
0%
Digunakan oleh antarmuka browser dan manifes PWA.
Situs Anda
example.com
Markah · 32px
Apple touch · 180px
PWA · 512px

Paket favicon Anda sudah siap
Unduhan ZIP telah dimulai. Ekstrak ke root situs Anda dan tempel cuplikan HTML ke dalam <head> Anda.

Tentang Generator Favicon

Favicon Generator membuat setiap ikon yang dibutuhkan situs web modern dari satu sumber: unggah PNG logo, pilih ikon font, atau ketikkan monogram. Paketnya mencakup favicon.ico klasik (16, 32 dan 48 px), favicon PNG modern, Apple touch icon 180 px, ikon PWA 192 dan 512 px, site.webmanifest serta potongan kode HTML head.

Pengaturan gaya ditangani di dalam alat: pilih warna latar belakang atau biarkan transparan, potong menjadi bentuk persegi, membulat atau lingkaran, sesuaikan padding dan ukuran karya, serta atur warna tema yang digunakan oleh antarmuka browser dan manifest PWA. Pratinjau langsung menunjukkan ikon Anda dalam konteks nyata — tab browser 16 px, bookmark, ubin Apple touch dan ikon PWA.

Semuanya dirender pada canvas di browser Anda, dan Generate merakit seluruh paket menjadi ZIP dengan README. Instalasinya dua langkah: ekstrak ke root situs Anda dan tempelkan potongan kode yang disediakan ke dalam <head> Anda.

Cara menggunakan Generator Favicon

  1. Pilih sumbernya: unggah PNG logo, pilih ikon font, atau ketikkan monogram.
  2. Beri gaya — warna latar belakang atau transparansi, bentuk, padding dan ukuran karya.
  3. Isi nama situs, nama singkat dan warna tema untuk manifest PWA.
  4. Periksa pratinjau: tab browser, bookmark, konteks Apple touch dan PWA.
  5. Klik "Generate favicons" dan ekstrak paketnya ke root situs web Anda.
  6. Tempelkan potongan kode HTML dari paket ke dalam <head> halaman Anda.

Pertanyaan yang sering diajukan

Ya — paket lengkap, termasuk .ico, semua ukuran PNG, manifest dan potongan kode HTML, gratis untuk dibuat dan diunduh.

favicon.ico dengan lapisan 16, 32 dan 48 px, favicon PNG modern, apple-touch-icon 180 px, ikon PWA 192 dan 512 px, site.webmanifest, potongan kode HTML siap tempel dan README dengan langkah instalasi.

Ya. Browser dan crawler masih meminta /favicon.ico sebagai fallback, dan klien lama masih mengandalkannya. Paket ini menyertakannya bersama tautan PNG modern sehingga setiap pengunjung mendapat ikon yang tajam.

Ekstrak arsipnya ke root situs web Anda sehingga file-filenya berada di root domain, lalu tempelkan potongan kode HTML yang disediakan ke dalam <head> halaman Anda. README di dalam ZIP mengulangi langkah-langkah ini.

Warna itu ditulis ke dalam manifest dan meta tag, memberi warna pada antarmuka browser di perangkat seluler serta splash screen dan title bar PWA yang terpasang agar sesuai dengan merek Anda.

Ya. Ketikkan monogram satu atau dua huruf dan pilih tipografi serta warna, atau pilih glyph dari pustaka ikon font — generator akan merendernya di setiap ukuran seperti halnya logo yang diunggah.


Pencarian populer
generator favicon pembuat favicon.ico buat favicon online apple touch icon generator ikon pwa favicon dari logo
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.