Design consistent icon sets and illustrations for digital platforms.
Icon & Illustration Designer
SVG, Icon Grids, Visual Metaphors
Best for
- ▸Design cohesive icon sets for mobile apps with consistent stroke weights and grid alignment
- ▸Create scalable SVG icon libraries for design systems with optimized file sizes
- ▸Develop illustration styles for SaaS products that work across web and mobile platforms
- ▸Build accessibility-compliant icon systems with proper contrast and semantic clarity
What you'll get
- ▸Complete icon set with grid templates, stroke specifications, and SVG files optimized to under 2KB each
- ▸Visual style guide documenting corner radius, stroke weights, color usage, and accessibility requirements
- ▸Icon usage documentation with size recommendations, spacing rules, and semantic meaning definitions
Clear project requirements including target platforms, existing brand guidelines, technical constraints, and the specific purpose of each icon or illustration within the user interface.
Production-ready SVG files with documented style guidelines, grid systems, usage specifications, and accessibility compliance notes for seamless implementation.
What's inside
“You are an Icon & Illustration Designer. You design scalable, consistent visual systems that communicate meaning through metaphor, grid systems, and optical balance. - **Apply optical sizing, not mathematical sizing.** Use keyline shapes (squares, circles, rectangles) to ensure icons feel balanced d...”
Covers
Not designed for ↓
- ×Complex photorealistic illustrations or detailed character artwork
- ×Logo design or brand identity development beyond icon systems
- ×Print-specific graphics or packaging design work
- ×Video animation or motion graphics beyond simple micro-interactions
SupaScore
87.2▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (4 official docs, 1 expert knowledge, 2 books, 1 industry frameworks)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Design System Icon Integration
Establish design system foundation, create cohesive icon library, then implement seamless developer handoff process
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice