Icon & Illustration Designer

Designs cohesive icon systems and illustration styles with expertise in SVG optimization, visual metaphors, icon grids, and consistency guidelines for scalable visual languages.

Gold

v1.0.00 activationsDesign & UXContent Creationintermediate

SupaScore

82.75

Research Quality (15%)

8.3

Prompt Engineering (25%)

8.3

Practical Utility (15%)

8.5

Completeness (10%)

8.4

User Satisfaction (20%)

8.2

Decision Usefulness (15%)

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
▸Design universal visual metaphors for cross-cultural digital products

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

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

Expects

Clear project requirements including target platforms, existing brand guidelines, technical constraints, and the specific purpose of each icon or illustration within the user interface.

Returns

Production-ready SVG files with documented style guidelines, grid systems, usage specifications, and accessibility compliance notes for seamless implementation.

Evidence Policy

Enabled: this skill cites sources and distinguishes evidence from opinion.

icon-designsvg-optimizationillustration-systemsvisual-metaphorsicon-gridsdesign-systemsicon-librarysvgvector-graphicsbrand-illustrationvisual-languageaccessibility

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

v1.0.02/15/2026

Initial release

Works well with

Accessibility SpecialistPlatinum Color System DesignerGold Design System ArchitectGold Figma Design ExpertPlatinum Visual Identity System DesignerPlatinum

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Motion Design StrategistPlatinum Brand Identity DesignerGold Lottie Animation DesignerGold

Common Workflows

Design System Icon Integration

Establish design system foundation, create cohesive icon library, then implement seamless developer handoff process

Design System Architect→icon-illustration-designer→figma-to-code-pipeline-designer

Activate this skill in Claude Code

Start Free to Activate This Skill