Logo & Favicon im Browser bauen

Das Icon Studio lässt dich aus drei Bausteinen ein Favicon, App-Icon oder Logo zusammensetzen: eine Hintergrund-Form, ein Icon aus einer der eingebundenen Open-Source-Bibliotheken und zwei Farben. Das Ergebnis wird live auf einem Canvas gerendert und in allen gängigen Favicon- und PWA-Größen als ZIP exportiert. Alles passiert im Browser — kein CDN, kein Upload. Formen. Drei vorgefertigte Silhouetten: ein abgerundetes Quadrat (iOS-Squircle-nah, mit ~22% Eckenradius), ein perfekter Kreis und ein scharfkantiges Quadrat. Damit deckst du die überwältigende Mehrheit aller Brand-Icon-Stile ab, die auf Android, iOS, Web und Desktop existieren. Icon-Bibliotheken. Vier eingebundene Open-Source-Sammlungen via react-icons: Font Awesome Solid (CC-BY 4.0 — die breiteste klassische Sammlung), Lucide (ISC — der moderne Minimalist), Simple Icons (CC0 — Marken-Icons wie GitHub, Apple, Vercel, React) und Tabler (MIT — konsistenter Strich-Stil für UI). Alle Icons sind beim Build ins Production-Bundle eingebacken; zur Laufzeit wird nichts von einem CDN nachgeladen. Du kannst das in der DevTools-Netzwerk-Anzeige überprüfen. Farben. Hintergrund- und Icon-Farbe lassen sich unabhängig per Color-Picker oder Hex-Code einstellen. Neun Quick-Presets decken die JNRT-Brand-Farben, invertierte Varianten und gängige Kontrast-Paare ab. Export. Das ZIP enthält Favicons in 16, 32, 48 und 96 Pixeln; ein Apple-Touch-Icon mit 180; PWA-Icons mit 192 und 512; plus eine manifest-snippet.json, die du in deine manifest.json einfügen kannst. Wer ein vollständiges PWA-Bundle mit iOS-AppIcon.appiconset und Android-Mipmap-Densities braucht, nutzt stattdessen den PWA Generator — Icon Studio fokussiert das Erstellen, der PWA Generator das Plattform-Packaging. Datenschutz. Wie jedes JNRT-Pixel-Werkzeug läuft auch das Icon Studio komplett im Browser. Nichts wird hochgeladen. Weiterführend: Favicon-Anleitung, PWA Generator.