Agent skill · design visual · affaan-m
ios-icon-gen
Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols (5000+ Apple-native) or Iconify API (275k+ open source icons from 200+ collections). Use when generating icons, creating icon assets, adding icons to asset catalog, or searching for icons for iOS projects.
Why this skill is useful
Adds specific scripts for generating Xcode-compatible icon imagesets from two distinct sources, which the AI wouldn't reliably generate on its own.
What it needs
Requires swift installed locally. Requires iconify account access. About 3k tokens when loaded. Last updated 2026-08-06. 238,342 stars on the source repository.
What this skill does
iOS Icon Generator Generate PNG icon imagesets for Xcode asset catalogs from two sources. When to Activate Generating icon assets for an iOS/macOS Xcode project Searching for icons across open source collections Creating PNG imagesets (1x, 2x, 3x) for asset catalogs Replacing placeholder icons with production-quality assets Matching existing icon styles in an Xcode project Core Principles 1. Two Sources, One Output Format Both sources produce identical Xcode-compatible imagesets. Choose based on need: Source Icons Requires Best for -------- ------- ---------- ---------- Iconify API 275,000+ from 200+ collections Internet Wide selection, specific styles, open source icons SF Symbols 5,000+ Apple symbols macOS only Apple-native style, offline use 2. Always Match Existing Style Before generating, check the project's existing icons for size, color, and weight consistency. 3. Output Structure Both methods produce a complete Xcode imageset: Examples Step 1: Assess Requirements Determine icon needs: what the icon represents, preferred style, target color, and size. If the project already has icons, check existing style: Step 2: Search for Icons Iconify API (recommended for wide selection): SF Symbols (for Apple-native style): Browse the SF Symbols app or reference common names: Use Case Symbol Name ---------- ------------- Document doc.text, doc.fill Receipt doc.text.below.ecg, receipt Person person.crop.rectangle, person.text.rectangle Camera camera, camera.fill Scan doc.viewfinder, qrcode.viewfinder Settings gearshape, slider.horizontal.3 Step 3: Preview (Optional) Step 4: Generate Iconify API: Options: --size <pt> (default: 68), --color <hex> (default: 8E8E93), --output <dir> (default: /tmp/icons) SF Symbols: Options: --size <pt> (default: 68), --color <hex> (default: 8E8E93), --weight <name> (default: thin), --output <dir> (default: /tmp/icons) Step 5: Verify and Integrate 1. Read the generated @2x PNG to verify visually 2. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills affaan-m/ios-icon-gen--e2cfe0