generate_icon_variations

Generate multiple style variations of an app icon from a single prompt.

Description

This tool generates four different style variations of an app icon from a single prompt. Each variation uses a different style (flat, 3D, minimalist, gradient) so you can compare and choose the best one for your app. All icons are automatically resized to iOS (1024×1024) and Android (512×512) formats.

Parameters

ParameterTypeRequiredDescription
projectIdstringYesThe project ID to associate the icons with
promptstringYesBase prompt describing the icon concept
colorsobjectNoColor preferences with primary and secondary hex values

Generated Styles

This tool automatically generates four variations in these styles:

flat

Clean & modern

3d

Depth & shadows

minimalist

Simple & elegant

gradient

Vibrant colors

Example Usage

Ask Claude to generate icon variations:

Natural Language Promptstext
"Generate icon variations for a note-taking app with a pencil"
"Create 4 different styles of an icon for my weather app"
"Show me variations of an icon with a rocket ship using blue colors"
"Generate icon options for my fitness tracker app"

Response

{
"success": true,
"variations": [
{
"style": "flat",
"icon": {
"originalUrl": "https://cdn.appstorecopilot.com/icons/icon-flat-123.png",
"ios": "https://cdn.appstorecopilot.com/icons/icon-flat-ios-123.png",
"android": "https://cdn.appstorecopilot.com/icons/icon-flat-android-123.png"
}
},
{
"style": "3d",
"icon": {
"originalUrl": "https://cdn.appstorecopilot.com/icons/icon-3d-123.png",
"ios": "https://cdn.appstorecopilot.com/icons/icon-3d-ios-123.png",
"android": "https://cdn.appstorecopilot.com/icons/icon-3d-android-123.png"
}
},
{
"style": "minimalist",
"icon": {
"originalUrl": "https://cdn.appstorecopilot.com/icons/icon-min-123.png",
"ios": "https://cdn.appstorecopilot.com/icons/icon-min-ios-123.png",
"android": "https://cdn.appstorecopilot.com/icons/icon-min-android-123.png"
}
},
{
"style": "gradient",
"icon": {
"originalUrl": "https://cdn.appstorecopilot.com/icons/icon-grad-123.png",
"ios": "https://cdn.appstorecopilot.com/icons/icon-grad-ios-123.png",
"android": "https://cdn.appstorecopilot.com/icons/icon-grad-android-123.png"
}
}
]
}

When to Use

Exploring options: When you want to see multiple design directions before committing to one

A/B testing: Generate variations to test which style performs better with users

Client presentations: Show stakeholders multiple options in different styles

Brand exploration: Find the right visual identity for your app