When to use this skill

Use this skill when:

• Selecting icons for new UI components or features.
• Reviewing icon usage for consistency across the application.
• Understanding the semantic meaning of existing icons.
• Deciding between filled and regular icon variants.

How to use this skill

1. Identify the semantic category of what you need to represent (action, status, navigation, etc.).
2. Find the appropriate icon in the inventory below.
3. Choose the correct variant: filled for emphasis/active states, regular for passive/default states.
4. Follow the usage guidelines for sizing and context.