Icon Design Prompts for App Icons, UI Sets, and Brand Iconography
20 ChatGPT prompts for icon design: app icons, UI systems, brand iconography, custom icon sets, style guides — design briefs ready for Figma or AI generation.
App Icons
4 promptsiOS App Icon Design
1/20iOS 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.
Designs iOS app icons.
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/20Android 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.
Designs Android adaptive icons.
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/20Analyze 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.
Analyzes competitor app icons.
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/20Plan 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.
Plans app icon A/B tests.
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 300+ hands-on AI tutorials. New tutorials added every week.
UI Icon Systems
4 promptsUI Icon System
5/20Design 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.
Designs UI icon systems.
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/20Icon 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.
Documents icon style guides.
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/20Icon 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.
Develops icon design principles.
Pro tip: Icon principles align with brand. Playful brand = rounded organic icons. Technical brand = geometric precise. Mismatched icons = brand confusion.
Iconography Systematization
8/20Systematize 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.
Systematizes existing icon libraries.
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/20Design 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.
Designs proprietary brand iconography.
Pro tip: Brand icons differentiate. Generic icon sets = commodity feel. Custom brand iconography = premium + memorable. Worth investment for mature brands.
Feature Icon Design
10/20Design feature icon. Feature: [describe]. Include: core metaphor, visual simplicity, scalable from 64x64 to 16x16, color options, animation potential, consistent with icon system. Feature recognition.
Designs product feature icons.
Pro tip: Feature icons = visual shorthand. Users recognize faster than text. Good feature icon: glance + understand. Needed-text icons fail.
Icon Metaphor Design
11/20Design 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.
Designs icons for abstract concepts.
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/20Color 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.
Designs icon color systems.
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. 300+ easy-to-follow tutorials inside AI Academy — and growing every week.
Production + Format
4 promptsSVG Icon Prompt
13/20Generate 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.
Generates production SVG icons.
Pro tip: SVG icons: optimized code matters. Bloated SVG = slow pages. Hand-optimized < automated optimization. Remove unnecessary metadata.
Icon Font Generation
14/20Generate 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.
Creates icon fonts.
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/20Review 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.
Ensures icon accessibility.
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/20Export 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.
Exports icons across platforms.
Pro tip: Single SVG source → all platform sizes automated (SVGO + script). Manual export across platforms = inconsistency + time waste.
Frequently Asked Questions
Prompts are the starting line. Tutorials are the finish.
A growing library of 300+ hands-on tutorials on ChatGPT, Claude, Midjourney, and 50+ AI tools. New tutorials added every week.
7-day free trial. Cancel anytime.