I built Material Symbols SVG, an icon library for using Material Symbols as SVG components

I built Material Symbols SVG , an icon library that lets you use Google's Material Symbols as SVG components across frameworks. It currently supports: React: @material-symbols-svg/react Vue: @material-symbols-svg/vue Svelte: @material-symbols-svg/svelte Astro: @material-symbols-svg/astro React Native: @material-symbols-svg/react-native Links: Docs: https://www.material-symbols-svg.com/usage Icon catalog: https://www.material-symbols-svg.com/ GitHub: https://github.com/k-s-h-r/material-symbols-svg Why I built it There is already an official-ish way to consume Material Symbols as SVG files, for example @material-symbols/svg-400 . The problem I kept running into was this: if I wanted to use those icons in React as components, I usually had to rely on another layer such as @svgr/webpack , or build some custom conversion flow around raw SVG files. That works, but it is not what I wanted for day-to-day UI work. What I wanted instead was: no extra SVG conversion step no framework-specific web