Download favicon dari situs web mana pun

Tempel alamat situs web dan unduh favicon serta ikon aplikasinya, atau paket favicon lengkap: ICO, PNG dari 16 sampai 512 px, dan web manifest.

Coba dengan

Sudah punya filenya?

  • Gratis, tanpa perlu mendaftar
  • .ico dan PNG 16 sampai 512 px
  • Apple touch icon
  • Web app manifest

Logo Anda dalam 3D

Membuat logo 3D Anda…
0:00

Seret logo untuk memutarnya.

Animasi

Background

Finishing

Warna dan bentuk

Warna

Tepi

Ketebalan

Suara

Penutup

Pratinjau gratis. Unduh dengan akun gratis.

Cara mendapatkan favicon dari situs web

Tiga langkah. Tanpa ekstensi browser, tanpa kode, tanpa akun.

  1. Tempel alamat situs web

    Ketik atau tempel alamat situsnya, lalu mulai pencarian. Alat ini membaca setiap ikon yang dicantumkan situs tersebut: ikon tab browser, ikon layar utama iPhone, ikon aplikasi web, dan ikon pinned tab Safari.

  2. Pilih ikon

    Setiap ikon ditampilkan besar, lengkap dengan jenis dan ukuran pikselnya dalam bahasa yang mudah dipahami. Ingin logo lengkap perusahaannya, bukan ikonnya? Unduh logo lengkap perusahaan dengan Logo Finder.

  3. Unduh ikonnya, atau ambil paket lengkapnya

    Simpan ikon sebagai PNG atau SVG, tekan tombol ICO untuk mendapatkan satu .ico berisi semua ukuran dari 16 sampai 256 px, atau unduh paket favicon: PNG 16, 32, 48, 180, 192, dan 512 px, file .ico, dan site.webmanifest, semuanya dalam satu ZIP.

Ikon apa saja yang dimiliki sebuah situs web?

Sebagian besar situs memiliki hingga empat jenis ikon, masing-masing dibuat untuk tempat yang berbeda. Alat ini menemukan semuanya, sehingga Anda bisa mengambil yang paling tajam.

IkonTempat ikon terlihatUkuranCara situs mencantumkannya
FaviconTab browser, bookmark, riwayat, dan di samping situs pada hasil pencarian GooglePersegi kecil seperti 16, 32, dan 48 px; Google merekomendasikan ukuran lebih besar dari 48 × 48 px untuk hasil pencarianrel="icon", atau file /favicon.ico
Apple touch iconLayar utama iPhone dan iPad180 × 180 px untuk iPhone, menurut panduan konten web Safari dari Apple (arsip)rel="apple-touch-icon"
Ikon aplikasi webLayar utama Android, aplikasi web yang terpasang, dan layar pembukanya192 dan 512 px: browser Chromium membutuhkan keduanya untuk memasang aplikasi webTercantum di site.webmanifest
Ikon pinned tab SafariTab yang disematkan (pinned tab) di Safari pada MacSVG satu warna, tajam di ukuran berapa punrel="mask-icon"

Ikon aplikasi yang besar adalah titik awal terbaik untuk apa pun yang lebih besar dari tab: kotak ikon, slide, atau daftar cetak.

Tempat browser mencari favicon

Browser menelusuri jejak singkat untuk menemukan ikon sebuah situs. Alat ini menelusuri jejak yang sama, sehingga menemukan ikon yang akan ditampilkan setiap browser dan ponsel.

Pertama, bagian head halaman. Tag link dengan rel="icon" menyebutkan file ikonnya, sering kali satu per ukuran ditambah satu SVG, lalu browser memilih yang paling pas untuk layarnya.

Berikutnya, root situs. Jika tidak ada ikon yang disebutkan, browser meminta /favicon.ico di tingkat teratas situs, lokasi yang diperkenalkan Internet Explorer versi awal untuk favicon. Alat ini juga memeriksa lokasi root tersebut.

Ponsel membaca ikonnya sendiri. iPhone dan iPad mencari Apple touch icon, sedangkan Android dan aplikasi web yang terpasang membaca ikon yang tercantum di site.webmanifest.

Google membaca beranda. Untuk hasil pencariannya, Google mengambil ikon yang ditautkan dari beranda, selama Googlebot diizinkan merayapi halaman tersebut dan file ikonnya.

Ambil semua ukuran

Sebagian besar situs menyimpan ikon yang sama dalam beberapa ukuran. Ambil yang sesuai dengan kebutuhan Anda, langsung tajam sejak percobaan pertama.

Setiap ikon yang dicantumkan situs mendapat kotaknya sendiri lengkap dengan ukuran pikselnya: ikon tab 16, 32, atau 48 px, Apple touch icon 180 px, ikon aplikasi web hingga 512 px, dan SVG jika situsnya punya.

Untuk daftar, tabel, atau mockup tab, ikon tab sudah berukuran pas. Untuk slide, kotak ikon, atau daftar cetak, ambil ikon aplikasi 512 px atau versi SVG. Untuk pintasan Windows, tekan tombol ICO pada ikon terbesar untuk mendapatkan satu .ico berisi semua ukuran dari 16 sampai 256 px.

Ingin membuat ikon dari gambar Anda sendiri? Konverter PNG ke ICO mengubah PNG atau logo apa pun menjadi .ico multiukuran dan paket favicon lengkap.

Apa saja isi paket favicon?

Semua file ikon yang dibutuhkan sebuah situs web, dibuat dari satu ikon atau logo, dalam satu unduhan.

FileKeteranganKegunaannya
favicon.icoSatu file ikon berisi semua ukuran kecilFile yang diminta browser dari sebuah situs web di /favicon.ico. Format ICO bisa memuat beberapa ikon dalam satu file.
icon-256.icoSatu file ikon berisi semua ukuran dari 16 sampai 256 pxPintasan, folder, dan ikon aplikasi di Windows, tajam dari bilah judul hingga menu Start
PNG 16, 32, dan 48 pxPNG persegi kecil dengan background transparanTab browser, bookmark, dan pintasan, di layar biasa maupun layar resolusi tinggi
PNG 180 pxApple touch iconLayar utama iPhone dan iPad
PNG 192 pxIkon aplikasi webLayar utama Android dan aplikasi web yang terpasang
PNG 512 pxIkon aplikasi web berukuran besarLayar pemasangan dan layar pembuka, serta di mana pun ikon persegi besar dibutuhkan
favicon.svgIkon dalam bentuk vektor, jika logonya punya versi vektorIkon tab yang tajam di semua ukuran pada browser yang bisa membaca ikon SVG
site.webmanifestFile teks kecilMengarahkan Android dan aplikasi web yang terpasang ke ikon 192 dan 512 px
add-to-your-head.htmlBaris kode untuk bagian head halaman AndaSalin dan tempel untuk menautkan semua ikon sekaligus

Setiap ukuran dan tempat tampilnya, untuk favicon, profil media sosial, dan cetak: panduan ukuran favicon dan logo.

Bagaimana cara memasang favicon di situs web?

Salin file dari paket ke folder utama situs Anda, lalu tambahkan empat baris ke bagian head di setiap halaman.

Dengan file di folder root (tempat beranda berada), baris kode ini mengarahkan browser, ponsel, dan Google ke file tersebut. Gunakan nama file dari paket Anda:

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

Platform pembuat situs web dan toko online menyediakan pengaturan ikon situs sebagai gantinya: unggah PNG 512 px di sana.

Google bisa menampilkan favicon Anda di samping halaman Anda pada hasil pencariannya. Pedomannya meminta ikon persegi yang ditautkan dari beranda, merekomendasikan ukuran lebih besar dari 48 × 48 px, dan mensyaratkan agar Googlebot bisa mengambilnya.

Untuk apa orang mengambil favicon?

Favicon adalah logo perusahaan dalam bentuk terkecil dan paling mudah dikenali, sehingga berguna jauh melampaui tab browser.

Aplikasi dan dasbor

Tampilkan ikon setiap situs di samping tautannya di CRM, halaman bookmark, daftar integrasi, atau laporan mingguan.

Mockup dan slide

Tab browser, layar utama ponsel, atau slide berisi daftar alat yang dipakai tim tampak nyata dengan ikon asli setiap situs.

Pemeriksaan situs Anda sendiri

Lihat setiap ikon yang ditampilkan situs Anda dalam ukuran besar, di atas background terang dan gelap, beserta jenis yang dimilikinya: ikon tab, Apple touch icon, ikon aplikasi, ikon pinned tab.

Agensi dan freelancer

Kumpulkan ikon klien yang sedang dipakai sebelum desain ulang, lalu serahkan paket favicon baru yang dibuat dari logo barunya.

Grid integrasi dan mitra

Ikon persegi kecil tersusun rapi dalam grid mitra, plugin, atau metode pembayaran, satu kotak untuk masing-masing.

Dokumen dan spreadsheet

Ikon persegi kecil menandai setiap baris dalam daftar vendor, daftar software, atau rencana proyek, sehingga langsung dikenali sekilas.

Logo lengkap untuk deretan pelanggan, semuanya dengan ukuran serasi: Pembuat grid logo klien. Ikon transparan yang bersih dari logo berlatar kotak putih: alat Hapus background logo.

Buat favicon dari logo Anda sendiri

Seret logo Anda ke kotak, lalu tekan “Favicon” untuk mengunduh paketnya: logo ditempatkan di tengah persegi, bentuk yang diharapkan setiap slot ikon, dan semua ukuran di atas dibuat dari satu file itu.

Ikon tab hanya selebar 16 piksel, jadi simbol atau satu huruf dari logo lebih mudah terbaca daripada nama lengkap. Versi “Putih” dan “Warna apa pun” membuat ikon terang atau berwarna merek dengan sekali klik, sedangkan Konverter logo ke SVG memberi Anda versi vektor dari simbol logo sebagai titik awal.

Tautkan ke alat ini

Menulis untuk developer atau pemilik situs? Tautkan ke halaman ini setiap kali membahas favicon.

Salin cuplikan kode di bawah ini, atau kutip alat ini sebagai: Proofscene, “Unduh favicon gratis”, proofscene.com, 2026.

<a href="https://proofscene.com/id/alat/download-favicon/">Unduh favicon gratis</a>

Tanya jawab seputar favicon

Jawaban jelas seputar favicon: cara mengambilnya, tempat situs menyimpannya, ukuran yang tersedia, dan cara membuat favicon sendiri.

Ajukan pertanyaan Anda
Bagaimana cara saya mendapatkan favicon dari situs web mana pun?

Tempel alamat situs webnya di alat Unduh favicon. Alat ini membaca ikon tab, Apple touch icon, ikon aplikasi web, dan ikon pinned tab Safari dari situs tersebut, menampilkan setiap ikon dalam tampilan besar beserta ukurannya, lalu memungkinkan Anda mengunduh salah satunya sebagai PNG atau ICO, atau seluruh paket favicon.

Bagaimana cara saya mengunduh favicon beresolusi tinggi?

Pilih ikon terbesar yang dimiliki situs tersebut. Apple touch icon biasanya berukuran 180 px dan ikon aplikasi web mencapai 512 px, jauh lebih tajam daripada ikon tab 16 px. Beberapa situs juga punya ikon SVG yang tajam di ukuran berapa pun. Untuk logo lengkap perusahaan, gunakan Logo Finder.

Di mana favicon sebuah situs web disimpan?

Di lokasi yang ditunjuk oleh bagian head halaman: tag link menyebutkan setiap file ikon, sering kali dalam beberapa ukuran. Banyak situs juga menyimpan favicon.ico di root situs dan mencantumkan ikon aplikasinya di site.webmanifest. Alat ini membaca semuanya dan memeriksa lokasi root yang umum jika halaman tidak menyebutkan ikon apa pun.

Apa itu favicon?

Favicon adalah ikon persegi kecil yang ditampilkan situs web di tab browser, bookmark, dan riwayat, serta di samping halamannya pada hasil pencarian Google. Biasanya berupa simbol atau huruf pertama logo, yang dirancang agar tetap terbaca pada ukuran 16 piksel.

Apakah saya juga bisa mengunduh Apple touch icon dan ikon aplikasinya?

Bisa. Setiap ikon yang dicantumkan situs muncul sebagai kotak tersendiri lengkap dengan jenis dan ukuran pikselnya: ikon tab, Apple touch icon, ikon aplikasi web, dan ikon pinned tab. Unduh salah satunya, atau ambil semuanya sekaligus sebagai paket favicon.

Apakah saya bisa membuat paket favicon dari logo saya sendiri?

Bisa. Seret logo Anda ke halaman ini, lalu tekan “Favicon” untuk mengunduh favicon.ico, .ico berisi semua ukuran dari 16 sampai 256 px, PNG 16, 32, 48, 180, 192, dan 512 px, site.webmanifest, serta baris HTML untuk bagian head halaman Anda, semuanya dibuat di browser Anda.

Mengapa favicon terlihat buram saat saya memperbesarnya?

Karena ikon tab sangat kecil, sering kali 16 sampai 48 px. Untuk ikon yang lebih tajam, ambil Apple touch icon situs itu atau salah satu ikon aplikasi webnya, yang jauh lebih besar, atau dapatkan logo lengkapnya dari Logo Finder.

Apakah alat Unduh favicon gratis?

Ya. Anda bisa mencari situs web tanpa mendaftar. Akun gratis memberi Anda lebih banyak pencarian. Membuat paket favicon dari logo Anda sendiri gratis dan tanpa batas.

Seberapa bermanfaat alat ini?

Logo Anda, di setiap produk yang Anda cetak, dalam 3D

Proofscene mengubah proof PDF menjadi proof 3D interaktif di tautan bermerek milik Anda sendiri, sehingga pelanggan bisa melihat kartu, kemasan, dan gelang mereka sebelum diproduksi.

Akun gratis · Tanpa kartu kredit · Dibuat praktisi cetak