Langsung ke konten

Buat favicon

Buat favicon.ico, ikon PNG, Apple touch icon, dan web manifest dari gambar, teks, atau emoji, semuanya dibuat di browser Anda.

16px
32px
48px
64px
Layar utama iPhoneapple-touch-icon.png · 180 × 180, iOS membulatkan sudutnyaSitus web
Android (maskable)Jaga agar logo tetap di dalam zona aman bergaris putus-putus
Detail aplikasi web
#

Tempat Anda mengunggah file, mis. / atau /icons/

Tambahkan ini ke <head> HTML Anda
site.webmanifest
Berjalan di browser Anda · tanpa unggahCara kerja

Cara menggunakan Generator favicon

  1. 1

    Pilih sumber

    Unggah logo atau gambar hingga 25 MB, ketik satu sampai tiga huruf dalam salah satu dari 11 font, atau pilih emoji.

  2. 2

    Desain ikon

    Pilih salah satu dari 12 opsi bentuk, mulai dari tanpa bentuk atau persegi polos hingga kuki atau semanggi, lalu atur warna latar belakang atau transparansi, padding, dan radius sudut.

  3. 3

    Periksa setiap ukuran

    Lihat pratinjau ikon dari 16 hingga 192 piksel, di tab browser terang dan gelap, serta di dalam zona aman maskable Android.

  4. 4

    Unduh dan pasang

    Simpan favicon.zip, ekstrak ke folder situs Anda, lalu tempel HTML yang dihasilkan ke bagian head halaman.

Batas dan Pro

Set ikon tanpa batas dari teks atau emoji; sumber gambar hingga 25 MB, satu per satu. Setiap set berisi 10 file.

Pro menaikkan batas unggah gambar logo menjadi 4 GB. Lihat Pro

Tentang Generator favicon

Favicon generator membuat satu set ikon lengkap yang dibutuhkan situs web modern dari satu desain. File ZIP berisi favicon.ico dengan gambar 16, 32, dan 48 piksel di dalamnya, PNG terpisah berukuran 16, 32, dan 48 piksel, apple-touch-icon 180 piksel dengan latar belakang solid (iOS menambahkan sudut membulat sendiri), ikon Android Chrome 192 dan 512 piksel, ikon maskable 512 piksel yang kontennya tetap berada di dalam zona aman 80%, site.webmanifest berisi nama aplikasi, nama singkat, dan warna tema Anda, serta cuplikan HTML siap tempel dengan tag link dan theme-color. Semua PNG dioptimalkan tanpa kehilangan kualitas.

Gambar yang diunggah diperkecil dengan filter Lanczos, sehingga logo besar tetap tajam bahkan pada 16 piksel, dan logo SVG digambar terlebih dahulu pada 1.024 piksel. Ikon teks dirender dengan font pilihan Anda, dan emoji dengan font Noto Color Emoji, sehingga hasilnya tampak sama di sistem setiap pengunjung. Jika ikon Anda tidak berada di root situs, ketik nama folder, misalnya /icons/, dan jalur di cuplikan serta manifest akan menyesuaikan.

Penggunaan yang umum adalah untuk situs web atau blog baru, aplikasi web yang dipasang pengguna ke layar utama, dasbor internal yang perlu menonjol di antara tab browser, atau ikon sementara untuk proyek sampingan. Detail halus dan kata yang panjang akan hilang pada 16 piksel, jadi bentuk sederhana dan satu atau dua huruf paling cocok. Alat ini tidak menyimpan file di hosting dan tidak mengubah situs Anda; Anda mengunggahnya sendiri.

Privasi

Ikon digambar pada canvas di tab ini dan dienkode oleh codec PNG WebAssembly milik situs di dalam Web Worker, sehingga logo yang Anda unggah tidak pernah meninggalkan perangkat Anda. Jika Anda memilih salah satu font Google atau sumber emoji, browser mengunduh font tersebut dari Google Fonts setelah Anda mulai mengedit; permintaan hanya menyebut nama font, tidak pernah teks Anda, dan tidak ada yang diambil saat halaman dimuat.

Fitur

Set ikon lengkap

ICO, berbagai ukuran PNG, Apple touch icon, ikon Android dan maskable, serta web manifest dalam satu ZIP.

Gambar, teks, atau emoji

Gunakan logo Anda, satu sampai tiga huruf dalam 11 font, atau emoji apa saja sebagai sumber.

Bentuk yang ekspresif

Persegi, membulat, lingkaran, dan delapan bentuk Material, dengan pengaturan padding dan radius sudut.

HTML siap tempel

Tag link, warna tema, dan jalur manifest dibuat sesuai folder yang Anda pilih.

Generator favicon: pertanyaan yang sering diajukan

Ukuran apa saja yang dibutuhkan favicon pada 2026?
Browser memakai ikon 16 atau 32 piksel di tab dan 48 piksel di beberapa halaman hasil pencarian, iPhone dan iPad memakai apple-touch-icon 180 piksel di layar utama, dan Android memakai ikon 192 dan 512 piksel dari web manifest. Hasil unduhan mencakup semuanya, ditambah favicon.ico multi-ukuran untuk browser lama dan alat yang otomatis mencari /favicon.ico.
Bagaimana cara menambahkan favicon ke situs web saya?
Ekstrak favicon.zip ke folder yang melayani root situs Anda, sehingga favicon.ico dapat diakses di /favicon.ico, atau ke folder yang Anda ketik di Folder ikon. Salin Cuplikan HTML dari alat ini, atau dari favicon-snippet.html di dalam ZIP, ke bagian head setiap halaman atau template header tema Anda. Browser menyimpan favicon di cache cukup lama, jadi Anda mungkin perlu memuat ulang paksa untuk melihat perubahannya.
Bisakah saya membuat favicon dari emoji atau huruf?
Bisa. Pilih Emoji lalu pilih salah satu dari 24 saran atau ketik emoji apa saja, atau pilih Teks dan masukkan hingga tiga karakter, misalnya inisial Anda, dalam font seperti Inter, Bebas Neue, atau Press Start 2P. Padukan dengan bentuk dan warna latar belakang. Emoji digambar dengan font Noto Color Emoji, sehingga ikon tampak identik di Windows, Mac, Android, dan iPhone.
Apa itu ikon maskable?
Android menampilkan aplikasi web yang terpasang dalam bentuk pilihan pembuat ponsel, seperti lingkaran, squircle, atau tetesan air, dan memotong ikon agar pas. Ikon maskable memenuhi seluruh persegi dan menjaga bagian penting di dalam lingkaran tengah 80% agar tidak terpotong. Aktifkan Zona aman di pratinjau untuk melihat lingkaran itu, lalu atur padding jika logo terlalu dekat ke tepi.
Apakah favicon.ico masih diperlukan, atau PNG saja cukup?
Browser modern dengan senang hati memakai ikon PNG dari tag link, tetapi favicon.ico tetap layak dimiliki: beberapa browser, pembaca RSS, alat bookmark, dan crawler meminta /favicon.ico secara langsung tanpa membaca HTML Anda. ICO yang dihasilkan memuat gambar 16, 32, dan 48 piksel dalam satu file, sehingga tampak tajam di setiap ukuran yang dipakai. Unduhan menyertakan keduanya, dan cuplikan merujuk keduanya.
Semua alat gambar