Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
affaan-m avatar

Ios Icon Gen

  • 2.3k installs
  • 238k repo stars
  • Updated August 5, 2026
  • affaan-m/everything-claude-code

ios-icon-gen is an agent skill for Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols 5000+ Apple-native or Iconify API 275k+

About

The ios-icon-gen skill 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. It covers generating icon assets for an iOS/macOS Xcode project. Key workflows include searching for icons across open source collections. Developers invoke ios-icon-gen when the task matches the triggers and reference files in SKILL.md for grounded, stepwise execution. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation.

  • 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

Ios Icon Gen by the numbers

  • 2,342 all-time installs (skills.sh)
  • +223 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Ranked #93 of 1,039 Mobile Development skills by installs in the Skillselion catalog
  • Security screen: LOW risk (skills.sh audit)
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
At a glance

ios-icon-gen capabilities & compatibility

Capabilities
generating icon assets for an ios/macos xcode pr · searching for icons across open source collectio · creating png imagesets 1x, 2x, 3x for asset cata · replacing placeholder icons with production qual · matching existing icon styles in an xcode projec
Use cases
documentation
From the docs

What ios-icon-gen says it does

Generate PNG icon imagesets for Xcode asset catalogs from two sources.
SKILL.md
Both sources produce identical Xcode-compatible imagesets. Choose based on need:
SKILL.md
npx skills add https://github.com/affaan-m/everything-claude-code --skill ios-icon-gen

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs2.3k
repo stars238k
Security audit3 / 3 scanners passed
Last updatedAugust 5, 2026
Repositoryaffaan-m/everything-claude-code

What problem does ios-icon-gen solve for developers using the documented workflows?

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 i

Who is it for?

Developers working with ios-icon-gen patterns described in the skill documentation.

Skip if: Skip when docs are empty or the task is outside the skill documented scope.

When should I use this skill?

Use when 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 generati

What you get

Actionable ios-icon-gen guidance grounded in SKILL.md workflows and reference files.

  • PNG imagesets
  • Updated .xcassets entries

By the numbers

  • Supports 5000+ Apple SF Symbols
  • Searches 275000+ Iconify icons from 200+ collections

Files

SKILL.mdMarkdownGitHub ↗

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:

SourceIconsRequiresBest for
Iconify API275,000+ from 200+ collectionsInternetWide selection, specific styles, open source icons
SF Symbols5,000+ Apple symbolsmacOS onlyApple-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:

<output-dir>/<asset-name>.imageset/
  Contents.json
  <asset-name>.png        # 1x (68px default)
  <asset-name>@2x.png     # 2x (136px default)
  <asset-name>@3x.png     # 3x (204px default)

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:

# Check dimensions of existing icon
sips -g pixelWidth -g pixelHeight path/to/existing@2x.png

Step 2: Search for Icons

Iconify API (recommended for wide selection):

# Search all collections
$SKILL_DIR/scripts/iconify_gen.sh search "receipt"

# Search within a specific collection
$SKILL_DIR/scripts/iconify_gen.sh search "business card" --prefix mdi

# List available collections
$SKILL_DIR/scripts/iconify_gen.sh collections

SF Symbols (for Apple-native style): Browse the SF Symbols app or reference common names:

Use CaseSymbol Name
Documentdoc.text, doc.fill
Receiptdoc.text.below.ecg, receipt
Personperson.crop.rectangle, person.text.rectangle
Cameracamera, camera.fill
Scandoc.viewfinder, qrcode.viewfinder
Settingsgearshape, slider.horizontal.3

Step 3: Preview (Optional)

# Iconify preview
$SKILL_DIR/scripts/iconify_gen.sh preview mdi:receipt-text-outline

Step 4: Generate

Iconify API:

# Basic generation
$SKILL_DIR/scripts/iconify_gen.sh mdi:receipt-text-outline editTool_expenseReport

# Custom color and output location
$SKILL_DIR/scripts/iconify_gen.sh mdi:receipt-text-outline myIcon --color 007AFF --output ./Assets.xcassets/icons

Options: --size <pt> (default: 68), --color <hex> (default: 8E8E93), --output <dir> (default: /tmp/icons)

SF Symbols:

# Basic generation
swift $SKILL_DIR/scripts/generate_icons.swift doc.text.below.ecg editTool_expenseReport

# Custom color, weight, and output
swift $SKILL_DIR/scripts/generate_icons.swift person.crop.rectangle myIcon --color 007AFF --weight regular --output ./Assets.xcassets/icons

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. Copy to asset catalog if not output there directly:

   cp -r /tmp/icons/<name>.imageset path/to/Assets.xcassets/<group>/

3. Build the project to verify Xcode picks up the new assets

Popular Iconify Collections

PrefixNameCountStyle
mdiMaterial Design Icons7400+Filled + outline variants
phPhosphor9000+6 weights per icon
solarSolar7400+Bold, linear, outline
tablerTabler Icons6000+Consistent stroke width
lucideLucide1700+Clean, minimal
riRemix Icon3100+Filled + line variants
carbonCarbon2400+IBM design language
heroiconsHeroIcons1200+Tailwind CSS companion

Browse all: <https://icon-sets.iconify.design/>

Scripts Reference

ScriptSourcePath
iconify_gen.shIconify API (275k+ icons)$SKILL_DIR/scripts/iconify_gen.sh
generate_icons.swiftSF Symbols (5k+ icons)$SKILL_DIR/scripts/generate_icons.swift

Best Practices

  • Search before generating -- browse available icons to find the best match
  • Match existing project style -- check dimensions, color, and weight of existing icons before generating new ones
  • Use Iconify for variety -- 200+ collections means you can find the exact style you need
  • Use SF Symbols for Apple consistency -- they match system UI perfectly
  • Generate directly to asset catalog -- use --output ./Assets.xcassets/icons to skip manual copying
  • Verify visually -- always preview the @2x PNG before committing

Anti-Patterns

  • Generating icons without checking existing project icon style
  • Using default colors when the project has a defined color palette
  • Generating at wrong sizes (check existing icons first)
  • Committing generated icons without visual verification

Related skills

Forks & variants (1)

Ios Icon Gen has 1 known copy in the catalog totaling 1.4k installs. They canonicalize to this original listing.

How it compares

Choose ios-icon-gen when you need catalog-ready PNG imagesets from SF Symbols or Iconify; use design-tool export when you already have custom SVG brand marks outside those libraries.

FAQ

Who is ios-icon-gen for?

Developers and software engineers working with ios-icon-gen patterns described in the skill documentation.

When should I use ios-icon-gen?

When 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 generati.

Is ios-icon-gen safe to install?

Review the Security Audits panel on this page before installing in production.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.