Pick an icon. Pick a color. Dial the squircle. Download every standard iOS, Android, and Web size in a single ZIP. No signup, no watermarks, no uploads.
home screen
Icon
Background
From
emerald-400#34d399
To
green-700#15803d
Angle
135°Glyph color
Geometry
Corner radius
22%Glyph size
55%Stroke width
1.75Export sizes
Pick an icon above to enable export.
iOS
App Store 1024, iPhone @3x 180, iPad Pro @2x 167, and the full Settings/Spotlight/Notification ladder.
Android
Play Store 512 plus mipmap mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi launcher sizes.
Web
PWA 512/192, apple-touch-icon 180, and favicon 32/16. Drop into /public and reference from your manifest.
Pick an icon
Search 150+ Tabler icons, from home and star to atom and rocket.
Choose a background
Solid or gradient, Tailwind palette. Adjust angle for gradients.
Dial the geometry
iOS squircle, rounded, or circle. Tune glyph size and stroke weight for perfect balance.
Download the ZIP
Every standard iOS, Android, and Web size rendered from scratch at its own resolution.
Every size you select from the export panel. iOS ships with 1024 (App Store), 180 (iPhone @3x), 167 (iPad Pro @2x), 152 (iPad @2x), 120, 87, 80, 60, 58, 40. Android includes Play Store 512 and the mipmap ladder from xxxhdpi 192 down to mdpi 48. Web gives you PWA 512/192, apple-touch-icon 180, and favicons 32 and 16.
Rendered fresh at each resolution. Scaling a 1024×1024 raster down to 32×32 produces mud — this tool redraws the SVG at each output size so every export is sharp.
Tabler icons are MIT-licensed, so you can ship any icon you design here in commercial apps, websites, and stores. The Tailwind palette is a set of hex values — not licensable. No attribution required.
Apple masks iOS app icons to a superellipse (the "squircle") with a ~22% radius. Using a plain CSS border-radius at the same value is a reasonable visual match on every platform. The preset is one click away.
It copies a standalone SVG with the current background, icon, and geometry baked in. Paste it into Figma, a design file, or your codebase if you want to iterate outside the tool.
No. Rendering is 100% in the browser. There's no backend, no storage, nothing to delete.
Favicon generator
Generate favicon.ico, apple-touch-icon, Android and PWA icons from an image or text.
Shade generator
Generate a full 50→950 Tailwind palette from any base color, along the Tailwind lightness curve.
Translating screenshots into every locale is what lokal was built for. Upload once, ship to every store.
Explore lokal