@material-symbols-js/400-rounded

@material-symbols-js/400-rounded

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

This is designed to be used in Vuetify.

• Installation
• Usage

Installation

Install the latest version using:

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

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

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/400-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.