material-symbols-v3 - Material Symbols v3 Icon System
Material Design 3 icon system with 2,500+ variable icons for UI elements
Tags
Updated: 2026-06-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- import icon font
- select icon
- set icon size
- apply fill style
- adjust icon weight
- configure icon grade
- set optical size
- apply icon color
- add semantic colors
- create interactive icon
- add icon to button
- create icon-only button
- add trailing icon
- apply accessibility attributes
- animate icon
- create web component
- customize icon properties
- migrate emoji to icon
Inputs
- Google Fonts CDN
- WOFF2 font file
- icon name
- CSS class
- project color tokens
- icon size variant
- fill style variant
- weight variant
- grade variant
- optical size value
Outputs
- HTML icon element
- Web component icon
- animated icon
- icon with CSS transitions
- button with icon
- icon-only button
Requirements
- Google Fonts CDN connection
- WOFF2 font file
- web browser font support
- CSS styles file