Icon System

Overview

Implement a scalable icon system with SVG sprites or icon components, proper sizing tokens, consistent stroke widths, and accessibility. Covers both sprite-based and component-based approaches.

When to Use

• Setting up icons for a new design system
• Converting icon fonts to SVG
• Creating an icon component library
• Establishing icon sizing standards
• Making icons accessible

Quick Reference: Approaches