App and UI Icon Generator: Driftnote paper-boat app icon on a blue-violet gradient with Android circle, squircle and teardrop masks, small sizes and 16 matching clay interface icons

Your agent draws three app icon directions, waits for your pick, then draws your whole interface icon set from the chosen icon so the style matches. PopNow separates the artwork into a foreground layer and sharpens it; local scripts place it inside each platform's safe zone and write the iOS asset catalog, Android adaptive layers with a themed monochrome layer, Play Store, PWA and maskable icons, favicon.ico and a size table, then check opacity, safe zones and small-size legibility.

Uses PopNow for
Images
Works with
+20
Needs
Python 3 · FFmpeg · Chrome

The skill is free. AI images, video and sound are quoted for your approval before generation. API-key calls use your separate API balance in USD; generation through ChatGPT or Claude connected via OAuth/MCP uses your website credits.

v1.0.0 · Updated Oct 23, 2026 · 81 KB · Use it for personal and client work; please don't resell or share the package.

What you get

  1. Three app icon directions to choose from

  2. iOS AppIcon.appiconset with an opaque 1024 px icon and Contents.json

  3. Android adaptive foreground, background and monochrome layers at five densities, plus a Play Store icon

  4. PWA, maskable and home-screen icons, favicon.ico and manifest snippets

  5. 10 to 30 matching interface icons at @1x/@2x/@3x with optional SVG

Good for

  • Shipping a new iOS, Android or web app
  • A consistent tab bar and settings icon pack
  • Store-ready icon sizes from an existing logo symbol

Not for

  • Icons that copy another app or brand
  • Icons with words or letters inside
  • Standard system glyphs where a platform icon font fits better

How to use it

You say

  • Use the PopNow skill "App and UI Icon Generator" (app-icon-set-generator) for this: App icon for Driftnote, a calm note-taking app, soft 3D clay look in blue-violet, plus 16 matching tab bar and settings icons. iOS, Android and PWA.

Then try

  • Make the boat a bit larger inside the safe zone.

  • Add a flat one-colour glyph for the Android themed icon.

What to have ready

  • App name and one sentence on what it does
  • Style, colours and the background you want
  • Ideas for the app icon and the list of interface icons

Similar skills

View all →

Ratings

No ratings yet. Installed it? Be the first to rate it.

Rate this skill

Questions

Which files do I get for iOS and Android?

An AppIcon.appiconset with an opaque 1024 px icon and Contents.json (older sizes on request), and Android res folders with adaptive foreground, background and monochrome layers at mdpi to xxxhdpi, the adaptive icon XML, legacy and round launcher icons and a 512 px Play Store icon.

Will Android launchers crop my icon?

No. The artwork is cut out as a separate foreground layer and placed so its farthest point stays inside the 66 dp safe circle, and the checker fails the export if anything crosses it.

How do the interface icons match the app icon?

They are drawn as an edit of the chosen app icon, up to 16 on one sheet, so material, lighting, palette and angle carry over. A script then trims them, evens out their optical size and flags near-duplicates.

Can this icon generator use my existing logo?

Yes. Skip the directions and pass your logo symbol: it is cut out and upscaled once, the interface icons can be drawn in its style, and the store and favicon sizes are exported for free on your machine.