@ajwdmedia/svelterial-symbols-bold
v0.2.0
Published
Svelte + Material Symbols ❤️
Downloads
3
Readme
@ajwdmedia/svelterial-symbols
Svelte + Material Symbols ❤️
Copies SVG components from @material-symbols/svg-200, @material-symbols/svg-400, and @material-symbols/svg-700 and creates Svelte components
Also see sister project ajwdmedia/svelterial-icons
Packages:
npm install @ajwdmedia/svelterial-icons-light
npm install @ajwdmedia/svelterial-icons
npm install @ajwdmedia/svelterial-icons-bold
Quirks
Files should be named the same as on the Material Symbols site, however PascalCased
Icon names that start with numbers have "Icon" preceeding them (1k Plus => Icon1kPlus.svelte
)
Icons are grouped by style (Outlined, Rounded, Sharp), and Filled Variants (OutlinedFilled, ...)
Icons are also available in Light (200) and Bold (700) widths, and are available on NPM in different packages (see above)
If you're using a lot of icons from the same group consider:
- setting up a vite alias to them (eg
@ajwdmedia/svelterial-icons-light/SharpFilled/Person.svelte => %icons/Person.svelte
) - importing from the index file (eg
import { Person } from "@ajwdmedia/svelterial-symbols-light/SharpFilled";
) - both!
import { Person } from "%icons";
License
(Copied from marella/material-symbols)
Material Symbols are created by Google
We have made these icons available for you to incorporate into your products under the Apache License Version 2.0. Feel free to remix and re-share these icons and documentation in your products. We'd love attribution in your app's about screen, but it's not required.