❤
npm
Sign UpSign In

vue-material-symbols
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

Vue material symbols

Vue component for Google Materia Symbols

VueMaterialSymbols

setup

<html>
  <head>
    <!--Insert Google Material Symbols to index.html-->
    <link rel="stylesheet" href="https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
  </head>
</html

Example

setup API

<script setup>
import { GSymbol } from 'vue-material-symbols';
</script>
<template>
  <GSymbol
    icon="cake"
  />
  <GSymbol
    icon="light"
    type="outlined"
    fill
    :weight="400"
    :grade="0"
    :size="48"
  />
</template>

License

Google Material Symbols created by Google

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.0.15latest

Version History

VersionDownloads (Last 7 Days)Published
1.0.15
1.0.00
0.0.50
0.0.41
0.0.30
0.0.20
0.0.10
0.0.00

Package Sidebar

Install

npm i vue-material-symbols

Repository

github.com/tsutoringo/vue-material-symbols

Homepage

github.com/tsutoringo/vue-material-symbols#readme

Weekly Downloads

6

Version

1.0.1

License

MIT

Unpacked Size

288 kB

Total Files

12

Last publish

Collaborators

  • tsutoringo
Try on RunKit
Report malware