Create and edit vector shapes

Create and refine the primary app icon as a vector shape set that scales cleanly. Start from the rough sketch on page three, convert it to boolean shapes with clean corner radii, ensure strokes are outlined so scaling doesn’t change weight, create 24px, 48px, and 96px export frames, and save as AppIcon-Vectors for the iOS build by Friday evening.

Before I finalize these vectors for engineering and marketing, make them production-ready: simplify overlapping paths, remove unnecessary nodes, check corner radius consistency, and flatten compound shapes that might render differently in the build. Point out any shapes that will rasterize poorly at small sizes and recommend an alternate simplified form for 24px.

I outlined strokes to keep weight consistent but at 24px the icon looks blurry in the simulator. I’m not sure whether I should simplify details, snap to pixel grid, or keep a stroke at small sizes. What’s the usual cause of this blur, what quick experiments should I run to confirm the fix, and which result should I hand to the iOS engineer to avoid extra rework?

Across multiple launches our icons look great at 96px but fail at 16–24px, causing extra design-engineering iterations. What habit should I adopt when creating icons so they work across scales, and what concrete process (like a mandatory small-size pass or a two-variant rule) will stop us from shipping illegible icons?