Icon Design Prompts for App Icons, UI Sets, and Brand Iconography
16 ChatGPT prompts for icon design: app icons, UI systems, brand iconography, custom icon sets, style guides, design briefs ready for Figma or AI generation.
In short: This page contains 16 copy-paste ready prompts, organized into 4 categories with a description and pro tip for each. The first 5 prompts are free instantly, no signup needed. Drafted with AI writing assistance and checked against our editorial policy.
App Icons
4 promptsiOS App Icon Design
1/16✨ What it does
ChatGPT specifies an iOS app icon for [describe]: one central concept, a bold shape, 2-3 colors, and scale from 180x180 to 57x57. Brief your designer or image tool with it, then check the smallest size for readability.
iOS app icon design. App: [describe]. Include: single central concept (not multiple elements), bold recognizable shape, appropriate palette (2-3 colors), scales from 180x180 to 57x57, visual hierarchy, competitive app icon differentiation, iOS design language adherence.
Pro tip: App icons: visible at tiny size. Complex icons disappear. Bold single concept wins. Test at 40x40 preview; if invisible, simplify.
Android App Icon
2/16✨ What it does
ChatGPT designs an Android adaptive icon for [describe], with foreground and background layers, a 108x108dp canvas, a 66dp safe zone, and Material rules. Export both layers and test them under circle, squircle, and rounded masks.
Android app icon (adaptive icon). App: [describe]. Include: foreground + background layer design, 108x108dp canvas, safe zone (66dp), Material Design guidelines, multiple mask shape compatibility, brand recognizable at small scale.
Pro tip: Android adaptive icons: foreground + background separate layers. Different mask shapes (circle, square, rounded). Safe zone critical. Follow Material guidelines.
App Icon Competitive Analysis
3/16✨ What it does
ChatGPT analyzes competitor app icons in [category] for color, shape, and patterns, then names how you can stay readable but distinct. Sketch two alternatives that break the pattern without looking like a different category.
Analyze competitor app icons in [category]. Include: visual patterns across top apps, color trends, shape conventions, differentiation opportunities, category-readable but distinctive, icon family considerations if multiple apps.
Pro tip: App category has visual conventions. Food apps: orange/red. Fitness: blue/green. Break conventions consciously for differentiation; follow for category recognition.
App Icon A/B Testing
4/16✨ What it does
ChatGPT plans an app icon A/B test from current icon [describe], with hypotheses, platforms, CTR and install metrics, sample size, and a decision rule. Run the test on ads or store screenshots before you ship a winner.
Plan app icon A/B test. Current icon: [describe]. Include: variant hypotheses, test platform (App Store screenshots, ads), metrics (CTR, install rate), sample size needed, decision framework, iteration approach. Data-driven optimization.
Pro tip: Icon impact on install rate: 15-30% lift achievable from better icon. Worth testing. TestPilot or ads traffic for variants. Data > intuition on icons.
Prompts get you started. Tutorials level you up.
A growing library of hands-on, step-by-step AI tutorials. New tutorials are added regularly.
UI Icon Systems
4 promptsUI Icon System
5/16✨ What it does
ChatGPT designs a UI icon system for [describe], covering line, filled, or duotone style, a 24x24 or 16x16 grid, families, rules, and SVG or font handoff. Give it to design and engineering as the source of truth.
Design UI icon system. Product: [describe]. Include: style (line/filled/duotone), weight consistency, pixel grid (24x24 or 16x16), visual metaphors shared, icon families (nav, actions, status), consistency rules, handoff format (SVG/Font). Coherent system.
Pro tip: UI icon systems: consistency > individual icon perfection. 3 icons in different styles = chaos. 100 icons in same style = polished.
Icon Style Guide
6/16✨ What it does
ChatGPT writes an icon style guide for system [describe], with principles, grid, stroke, corners, metaphors, color, naming, and use cases. Share it so the next designer can draw a matching icon without asking you.
Icon style guide document. System: [describe]. Include: style principles, grid system, stroke weight, corner treatments, metaphor guidelines, color usage, naming conventions, use cases. Designer-implementable documentation.
Pro tip: Style guide prevents icon drift. Designer A + Designer B + 6 months = inconsistent without guide. Write down rules; enforce consistently.
Icon Design Principles
7/16✨ What it does
ChatGPT writes icon design principles from brand values [describe], including metaphors, consistency, approachability, culture, and scale. Use them to judge new icons before anyone draws a pixel.
Icon design principles for brand. Brand values: [describe]. Include: communication philosophy, visual metaphors appropriate, style consistency with brand, approachability level, cultural considerations, scalability requirements. Strategic foundation.
Pro tip: Icon principles align with brand. Playful brand = rounded organic icons. Technical brand = geometric precise. Mismatched icons = brand confusion.
Iconography Systematization
8/16✨ What it does
ChatGPT plans a cleanup of icons with [describe inconsistencies], including an audit, outliers, a unified style, migration, and a sunset schedule. Approve the target style, then migrate the worst mismatches first.
Systematize existing icons. Current: [describe inconsistencies]. Include: audit existing icons, categorize by style, identify outliers, decision on unified style, migration plan, sunset schedule, component library adoption. Cleanup initiative.
Pro tip: Icon cleanups needed quarterly in growing products. Audit, consolidate, document. Without maintenance, icons diverge + UI looks amateur.
Brand Icons
4 promptsBrand Iconography
9/16✨ What it does
ChatGPT specifies brand iconography for [describe] across product categories [list], with signature elements and category, service, and celebration icons. Commission the set, then reuse it on every brand surface.
Design brand-specific iconography. Brand: [describe]. Product categories: [list]. Include: icon set unique to brand, signature visual elements, category icons, service icons, celebration icons, consistent style across brand materials. Proprietary feel.
Pro tip: Brand icons differentiate. Generic icon sets = commodity feel. Custom brand iconography = premium + memorable. Worth investment for mature brands.
Feature Icon Design
10/16✨ What it does
ChatGPT designs a feature icon for [describe] with a simple metaphor that scales from 64x64 to 16x16, plus color and animation notes. Drop it into the existing system and reject it if it breaks the family.
Design feature icon. Feature: [describe]. Include: core metaphor, visual simplicity, scalable from 64x64 to 16x16, color options, animation potential, consistent with icon system. Feature recognition.
Pro tip: Feature icons = visual shorthand. Users recognize faster than text. Good feature icon: glance + understand. Needed-text icons fail.
Icon Metaphor Design
11/16✨ What it does
ChatGPT invents visual metaphors for [abstract concept], weighing universal versus culture-specific reads and how they differ from existing icons. Test the top two with a teammate who was not in the conversation.
Design metaphor for [abstract concept]. Include: concrete visual representations, universal vs culture-specific, scalability of metaphor, testing against existing icons (differentiation), clarity of representation. Makes abstract tangible.
Pro tip: Abstract concepts: use concrete metaphors. "Security" = shield + lock. "Growth" = plant + arrow up. Universal but not cliched. Test with users.
Icon Color System
12/16✨ What it does
ChatGPT builds an icon color system from brand palette [describe], with semantic colors, dark mode, contrast, hover and active states, and cross-platform rules. Apply it to a handful of icons and check contrast before rollout.
Color system for icons. Brand palette: [describe]. Include: semantic color mapping (success green, warning yellow, error red), dark mode variants, accessibility contrast, hover/active states, cross-platform consistency. Cohesive color logic.
Pro tip: Icon colors: semantic + consistent. Same red for all errors. Same green for all success. Inconsistent color = confused users.
Like these prompts? There are full tutorials behind them.
Learn the workflows, not just the prompts. Easy-to-follow tutorials inside AI Academy, and the library keeps growing.
Production + Format
4 promptsSVG Icon Prompt
13/16✨ What it does
ChatGPT generates clean, developer-ready SVG for icon [describe] on a 24x24 viewBox with a tight path you can recolor and resize. Paste it into the codebase and tweak the path if a pixel is off.
Generate SVG code for icon. Icon: [describe]. Include: pixel-perfect 24x24 viewBox, optimized path, minimal code, editable for color + size, compatible across platforms, hand-edited clean SVG. Developer-ready.
Pro tip: SVG icons: optimized code matters. Bloated SVG = slow pages. Hand-optimized < automated optimization. Remove unnecessary metadata.
Icon Font Generation
14/16✨ What it does
ChatGPT plans an icon font from icons [list], with glyph mapping, woff2 and TTF, naming, CSS usage, and older-browser fallbacks. Generate the font, then verify size and color still work in the product.
Generate icon font. Icons: [list]. Include: glyph mapping, font format (woff2, TTF), naming convention, CSS usage, size/color controllable, fallback for older browsers. Icon font deployment.
Pro tip: Icon fonts: older but functional. SVG preferred modern. Icon fonts advantages: universal color/size via CSS. Disadvantages: accessibility, IE rendering.
Icon Accessibility
15/16✨ What it does
ChatGPT reviews icons [describe] for contrast, text alternatives, color-blind safety, and ARIA labels so meaning is not color-only. Add the missing labels and fix any pair that fails contrast.
Review icons for accessibility. Icons: [describe]. Include: sufficient contrast ratios, text alternatives for screen readers, color-blind considerations, not solely reliant on color, proper ARIA labels. Inclusive design.
Pro tip: Accessibility: aria-label for icon-only buttons. Color alone shouldn't convey meaning. Contrast 3:1 minimum for essential icons. Legal + ethical.
Cross-Platform Icon Export
16/16✨ What it does
ChatGPT writes an export workflow for [iOS, Android, Web, desktop], with sizes, formats, folders, names, and SVG-to-all-sizes automation. Set it up once so you stop exporting by hand for every platform.
Export icons for all platforms. Platforms: [iOS, Android, Web, desktop]. Include: required sizes each, file formats, folder structure, naming conventions, automation potential (SVG source → all sizes), version control. Delivery workflow.
Pro tip: Single SVG source → all platform sizes automated (SVGO + script). Manual export across platforms = inconsistency + time waste.
Free tool
Prompt Optimizer
Turn a rough idea into a structured, professional AI prompt.
Frequently Asked Questions
Prompts are the starting line. Tutorials are the finish.
A growing library of hands-on tutorials on ChatGPT, Claude, Midjourney, and many other AI tools. New tutorials are added regularly.
7-day free trial. Cancel anytime.