Araçlar › Tasarım

Favicon ve uygulama simgesi stüdyosu

Tek bir logodan favicon.ico, apple-touch-icon, Android uyarlanabilir ve maskable simgeler, iOS AppIcon seti ve site.webmanifest oluşturun.

Logonuzu bırakınveya seçmek için tıklayın · En iyi sonuç SVG ya da en az 512×512 PNG ile alınır

Uygulama adıTema rengiArka plan (iOS, Android)Kenar boşluğu %0

İçinde neler var

favicon.ico (16, 32, 48), PNG favicon’lar, apple-touch-icon, Android Chrome ve maskable simgeler, site.webmanifest, Xcode için iOS AppIcon seti, uyarlanabilir simgeli Android mipmap’leri ve bu HTML parçacığı:

<link rel="icon" href="/favicon.ico" sizes="48x48">
<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="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#F39A3D">

Nasıl çalışır

Logonuz her boyutta bir tuvale çizilir; maskable ve uyarlanabilir simgeler için güvenli alanlar bırakılır.
favicon.ico, güncel tüm tarayıcıların okuduğu 16, 32 ve 48 px PNG’leri içerir.

Sorular

En iyi kaynak hangisi?

Bir SVG ya da işaretin çevresinde biraz boşluk olan, en az 512×512 boyutunda kare bir PNG.