material-symbols-v3
CommunityScale icons with a variable font.
Authormatthewharwood
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Icons often require multiple assets or SVGs. Material Symbols v3 provides a scalable, variable-font icon system that adapts to weight, fill, and size through simple CSS axes.
Core Features & Use Cases
- Variable font axes (FILL, wght, GRAD, opsz) for versatile icon styling.
- Inline usage in buttons, menus, and labels with consistent sizing.
- Self-hosting guidance for offline environments.
Quick Start
Replace a text icon with a Material Symbol, e.g., use a "home" symbol and adjust weight and size via CSS tokens.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: material-symbols-v3 Download link: https://github.com/matthewharwood/fantasy-phonics/archive/main.zip#material-symbols-v3 Please download this .zip file, extract it, and install it in the .claude/skills/ directory.