Back to UI/UX with AI
📱Lesson 4 of 6

Icon & Illustration Creation

12 min
advanced

Custom icons and illustrations give your UI personality. AI can generate icon sets, spot illustrations, and visual assets that match your design system—faster than commissioning or creating from scratch.

Key Concepts

  • 1
    Generate cohesive icon sets
  • 2
    Create spot illustrations for empty states
  • 3
    Match existing design system style
  • 4
    Specify icon style: line, filled, duo-tone
  • 5
    Request consistent stroke weight and sizing

Examples

Prompt
icon set, 12 icons grid, e-commerce theme: cart, heart, search, user, home, settings, notification, filter, share, download, star, chat, line style, 2px stroke, rounded corners, consistent style, black on white
Result

Cohesive icon set for UI implementation

Try It Yourself

Generate a 9-icon set for a wellness app: meditation, sleep, water, steps, heart rate, mood, nutrition, streak, achievement

Pro Tips

"Icon set" + number + theme gets organized grids
Specify stroke weight for consistency: "2px stroke", "bold weight"
"Same style" or "matching style" reinforces consistency
Generate SVG-ready: simple shapes, clean lines, solid fills

Summary

AI icon generation creates custom, cohesive sets rapidly. Use them as starting points for vector recreation.

Previous
Style Exploration
Next
Responsive Mockups