ntbt/icons.

apps
upload

Vorlage

add_photo_alternate

Logo/Icon hier ablegen oder tippen zum Auswählen

PNG · JPG · SVG · WebP

Mindestanforderungen: 1× quadratisch, ≥ 1024×1024 px (ideal 2048), PNG mit Transparenz oder SVG. Transparente Vorlagen: unten Hintergrundfarbe wählen — iOS und Play Store verlangen opake Icons.

tune

Bearbeiten

Ziehen verschieben · Pinch/Scroll skalierenAndroid-Safe-Zone 66 dpOS-Masken
Transform
Bild
Hintergrund
Schatten
android

Android

  • Adaptive Icon: deine Vorlage = 108 dp-Layer, sichtbar sind die inneren 72 dp; Kerninhalt in die 66 dp-Safe-Zone (Kreis) legen — Maske ist launcherabhängig.
  • Background-Layer muss opak sein (Full-Bleed) — „Ohne Hintergrund" exportiert Weiß und wird markiert.
  • Play Store: 512 px Quadrat, ohne eigene Rundung/Schatten — der Store rundet selbst (30 %-Radius).
  • Tap-Feedback im Launcher: kurzes Scale-Down + Ripple (hier nachgebildet, launcherabhängig).
phone_iphone

iOS / iPadOS

  • Store-Icon 1024×1024 ohne Alpha — Transparenz führt zur Ablehnung. Quadrat abliefern, die Squircle-Maske legt das System an.
  • Dark-Variante: transparenter Hintergrund (System legt dunklen Verlauf darunter) · Tinted: opakes Graustufenbild, System färbt ein.
  • Antippen dunkelt das Icon systemseitig ab (hier nachgebildet).
laptop_mac

macOS

  • Big-Sur-Grid: 1024er-Canvas, Motiv im zentrierten 824×824-Rundrechteck (Radius 185.4) — Rand bleibt transparent, der Schatten gehört (anders als bei iOS) ins Icon.
  • Dock: Hover vergrößert (Magnification), Klick lässt das Icon springen — hier nachgebildet (Icon anklicken).
grid_view

Windows

  • Keine Maske — freie Form, Transparenz erwünscht („icons look best with a transparent background", MS). Ganz ohne Hintergrund ggf. Kontrast auf hellen/dunklen Taskbars prüfen.
  • .ico enthält 16/24/32/48/64 unkomprimiert + 256 als PNG (MS-Empfehlung).
  • Taskbar rendert 24 px bei 100 % — die kleine Reihe zeigt die echte Skalierungsschärfe, „Detail" ist vergrößert.
language

Web / PWA

  • Maskable-Icon: Safe Zone = zentrierter Kreis mit 40 % Radius (W3C) — äußere 10 % können immer beschnitten werden. Eigene Datei, nicht mit „any" kombinieren.
  • apple-touch-icon (180 px): opak liefern — iOS füllt Transparenz schwarz.
  • favicon.ico (16/32/48) + PNG 192/512; Snippets liegen im Paket.
web_asset

Hub-Tile (Bonus)

add_photo_alternate

Tile-Bild ablegen (eigene Datei, nicht das Icon)

16:10 · ≥ 1280×800 · JPG/PNG → wird .preview/logo.jpg

Projektname (Tile + Paketname)
meinapp

meinapp

So erscheint die Kachel auf dem Hub.

deployed_code

Export

Das ZIP enthält fertige Drop-in-Strukturen (mipmap-Ordner, AppIcon.appiconset, .icns + .iconset, .ico, web/) plus README mit Einbau-Anleitung.