@material-symbols-js/700-rounded

Latest optimized SVGs rounded paths with weight 700 for Material Symbols.
306
Install
npm install @material-symbols-js/700-rounded
Latest Version:0.1.1
License:Apache-2.0
Last Updated:Dec 15, 2024
Links: GitHub  ·  npm
Maintainer: yueyu

@material-symbols-js/700-rounded

Latest optimized paths of SVGs with weight 700 and variant rounded for Material Symbols.

This is designed to be used in Vuetify.

Installation

Install the latest version using:

npm install @material-symbols-js/700-rounded@latest

The package @material-symbols-js/700-rounded includes only SVGs with weight 700 and variant rounded. To use a different weight or variant, replace 700 or rounded in the package name with the desired weight or variant.

Show all packages for outlined
Package Weight
@material-symbols-js/100-outlined 100
@material-symbols-js/200-outlined 200
@material-symbols-js/300-outlined 300
@material-symbols-js/400-outlined 400
@material-symbols-js/500-outlined 500
@material-symbols-js/600-outlined 600
@material-symbols-js/700-outlined 700
Show all packages for sharp
Package Weight
@material-symbols-js/100-sharp 100
@material-symbols-js/200-sharp 200
@material-symbols-js/300-sharp 300
@material-symbols-js/400-sharp 400
@material-symbols-js/500-sharp 500
@material-symbols-js/600-sharp 600
@material-symbols-js/700-sharp 700
Show all packages for rounded
Package Weight
@material-symbols-js/100-rounded 100
@material-symbols-js/200-rounded 200
@material-symbols-js/300-rounded 300
@material-symbols-js/400-rounded 400
@material-symbols-js/500-rounded 500
@material-symbols-js/600-rounded 600
@material-symbols-js/700-rounded 700

Usage

Vuetify

Please refer to https://vuetifyjs.com/en/features/icon-fonts/#mdi-js-svg.

import { createVuetify } from 'vuetify'
import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'

export default createVuetify({
  icons: {
    defaultSet: 'mdi',
    aliases,
    sets: {
      mdi,
    },
  },
})
<template>
  <v-icon :icon="msiHome" />
</template>

<script setup>
  import { msiHome } from '@material-symbols-js/700-rounded'
</script>

License

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.

Related Packages

@material-symbols-js/400-rounded

Latest optimized SVGs rounded paths with weight 400 for Material Symbols.

930 0
@material-symbols-js/700-outlined

Latest optimized SVGs outlined paths with weight 700 for Material Symbols.

338 0
@material-symbols-js/300-rounded

Latest optimized SVGs rounded paths with weight 300 for Material Symbols.

304 0
@material-symbols-js/700-sharp

Latest optimized SVGs sharp paths with weight 700 for Material Symbols.

291 0
@material-symbols-js/100-rounded

Latest optimized SVGs rounded paths with weight 100 for Material Symbols.

287 0

Version History

Version Released License
0.1.1 Apache-2.0
0.1.0 Apache-2.0