Skip to content

Latest commit

 

History

History
42 lines (35 loc) · 968 Bytes

README.md

File metadata and controls

42 lines (35 loc) · 968 Bytes
Raw

Vue material symbols

npm version

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,[email protected],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