mdi-vue3
    TypeScript icon, indicating that this package has built-in type declarations

    6.9.96 • Public • Published

    Material Design Icons - Tree-shakeable Vue3 components

    This package exports all icons of @mdi/js as self-contained, tree-shakeable Vue components. Package versions equal the version of the contained @mdi/js icon set. The package is configured to automatically publish new releases when available to stay on par with @mdi/js. No human involved.

    @mdi/js mdi-vue3
    6.4.95 6.4.95
    6.5.95 6.5.95
    ... ...

    Installation

    npm install mdi-vue3
    
    yarn add mdi-vue3
    

    Note: There's no need to install @mdi/js by yourself.

    Usage

    Icon names are transformed into the following format: mdiNameIcon

    @mdi/js mdi-vue3
    mdiAbacus AbacusIcon
    mdiCheck CheckIcon
    ... ...

    Knowing that, you can then import an icon as a Vue component. As long as you make use of ES6 imports tree-shaking is supported in production builds.

    <template>
      <AbacusIcon />
    </template>
    
    <script>
      import { AbacusIcon } from "mdi-vue3"
      
      export default {
        components: { AbacusIcon },
      }
    </script>

    Every icon is rendered into the following:

    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path d="..." />
    </svg>

    The SVG's attributes are deliberately kept clean. This means that you'll most likely want to assign an explicit width and/or height to the icon.

    Manual icon build

    npm install
    npm run build
    

    Keywords

    Install

    npm i mdi-vue3

    DownloadsWeekly Downloads

    143

    Version

    6.9.96

    License

    MIT

    Unpacked Size

    7.02 MB

    Total Files

    13996

    Last publish

    Collaborators

    • propaganistas