BuildFavicon
Bahasa Indonesia

Ubah SVG ke Favicon

Ubah logo SVG menjadi favicon.svg, favicon.ico, dan semua ukuran PNG, lengkap dengan kode HTML untuk semua browser.

Tarik file SVG ke sini

SVG asli disimpan sebagai favicon.svg; ICO dan semua ukuran PNG dibuat darinya.

Website Anda
Tab lain
Website Anda
Tab lain

Pilih file SVG dan semua ukuran favicon akan muncul di sini.

Cara mengubah SVG ke favicon

  1. Pilih logo SVG Anda.
  2. Tambahkan jarak tepi, sudut, atau latar jika mau (berlaku untuk PNG dan ICO).
  3. Unduh file ZIP. Isinya favicon.svg (file asli Anda), favicon.ico, dan semua ukuran PNG.
  4. Unggah file ke folder utama dan tempel kode HTML — baris untuk SVG sudah disertakan.

Kenapa memakai favicon SVG

  • Selalu tajam. SVG menyesuaikan diri dengan ukuran dan layar apa pun.
  • File sangat kecil. Logo sederhana sering kurang dari 1 KB.
  • Mode gelap. Dengan media query prefers-color-scheme di dalam SVG, ikon bisa berganti warna di tema gelap.

Chrome, Edge, Firefox, dan Safari versi terbaru mendukung favicon SVG. Browser lama masih mencari favicon.ico, karena itu unduhan berisi keduanya.

Pertanyaan umum

Apakah masih perlu favicon.ico jika sudah ada SVG?

Ya, sebagai cadangan. Di kode HTML, SVG disebut lebih dulu sehingga browser modern memakai SVG.

SVG saya hasilnya kosong.

SVG yang memuat font atau gambar dari luar tidak bisa digambar. Ubah teks menjadi outline dan sematkan gambarnya, lalu coba lagi.