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
| Parameter | Type | Required | Description |
|---|---|---|---|
projectId | string | Yes | The project ID to associate the icons with |
prompt | string | Yes | Base prompt describing the icon concept |
colors | object | No | Color 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:
"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
Credits
Generating variations uses 4 icon credits (one per style variation). If you already know your preferred style, use generate_iconfor a single icon instead.
Pro Tip
Use the colors parameter to maintain brand consistency across all four variations. This ensures all options fit your app's visual identity.