Build logos & favicons in your browser

The Icon Studio lets you compose a favicon, app icon or logo from three building blocks: a background shape, an icon from a bundled open-source library, and two colors. The result renders live on a canvas and exports to all common favicon and PWA sizes as a ZIP. Everything happens in your browser — no CDN, no upload. Shapes. Three predefined silhouettes: rounded square (iOS-squircle-like, with a 22% corner radius), a perfect circle, and a sharp square. They cover the vast majority of brand-icon styles you'll see on Android, iOS, web and desktop. Icon libraries. Four bundled open-source collections via react-icons: Font Awesome Solid (CC-BY 4.0 — the broadest classic set), Lucide (ISC — the modern minimalist), Simple Icons (CC0 — brand icons like GitHub, Apple, Vercel, React), and Tabler (MIT — consistent stroke style for UI). All icons are baked into the production bundle at build time; nothing is fetched from a CDN at runtime. Verify it in the DevTools network panel. Colors. Background and icon color are independently picked via the color picker or hex input. Nine quick presets cover the JNRT brand colors, inverted variants and common high-contrast pairings. Export. The ZIP contains favicons at 16, 32, 48 and 96 pixels; an Apple Touch Icon at 180; PWA icons at 192 and 512; plus a manifest-snippet.json you can paste into your manifest.json. Need a full PWA bundle with iOS AppIcon.appiconset and Android mipmap densities? Use the PWA Generator instead — Icon Studio focuses on creation, the PWA Generator on platform packaging. Privacy. Like every JNRT Pixel tool, the Icon Studio runs entirely in your browser. Nothing is uploaded. Related: favicon creation guide, PWA Generator.