Material Design Icons for Vue.js. Latest version: 3.0.13, last published: 3 years ago. Start using mdi-vue in your project by running `npm i mdi-vue`. There are 27 other projects in the npm registry using mdi-vue.

The v-icon component provides a large set of glyphs to provide context to various aspects of your application. For a list of all available icons, visit the official Material Design Icons page. To use any of these icons simply use the mdi-prefix followed by the icon name.

A collection of Vue single-file components (Vue 3) for rendering Material Design Icons. This library sources its icons weekly from @mdi/js, to ensure comprehensive icon coverage. With full treeshaking support, your application will only include the icons you actually use, optimizing performance and reducing bundle size.

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 .

Following Google's Material Design guidelines for system icons, MDI is our largest library, touting over 7200 unique icons!

A collection of material design icons as Vue single file components. Latest version: 5.3.1, last published: 5 months ago. Start using vue-material-design-icons in your project by running `npm i vue-material-design-icons`. There are 74 other projects in …

2024年12月28日 · Vue Material Design Icons是一个开源项目，旨在将Material Design Icons以Vue单文件组件的形式集成到Vue项目中。 该项目主要使用JavaScript和CSS编程语言开发。 本项目是基于Vue.js框架，将Material Design Icons转化为Vue单文件组件，便于在Vue项目中快速引用和使用。 通过简单的组件声明，开发者可以轻松在项目中添加美观且一致的图标，提高开发效率。 单文件组件：每个图标都是一个单独的Vue组件，方便维护和重用。 易于集成：通过npm …

2018年8月10日 · How do I install vue-material-design-icons in my Vue CLI 3 project? I've been trying to use it without any good result, and I can't find any tutorial about it. The full list of available icons are found at https://materialdesignicons.com/. On first load, the site may take a few seconds to display the icon preview list at the bottom of the page.

2022年10月3日 · I want to bundle @mdi/font icons into my application (it's an Electron app). I installed npm i @mdi/font --save-dev: "devDependencies": { "@mdi/font": "^7.0.96", } Then I imported css/scss, I tried several different ways: import in main.ts: import '@mdi/font/css/materialdesignicons.css';

Material Design Icons for Vue.js (reloaded 😎) MDIVue came into life with the aim to provide an easy-to-use icon library for Vue with the use of Templarian's Material Desing Icons project. Breaking changes from 1.x to 2.x