Vue Material Design Icon Components
该库是Vue单文件组件的集合,用于渲染材质设计图标,来源于MaterialDesign项目。它还包括一些CSS,有助于简化图标的缩放。
https://github.com/robcresswell/vue-material-design-icons
1.安装
npm i vue-material-design-icons
2.使用
全局注册
import MenuIcon from 'vue-material-design-icons/Menu.vue';
Vue.component('menu-icon', MenuIcon);
局部注册
import MenuIcon from 'vue-material-design-icons/Menu.vue';
components: {
MenuIcon;
}
使用
<menu-icon />
3.属性
title:
<android-icon title="this is an icon!" />
fillColor:
<android-icon fillColor="#FF0000" />
size:
<android-icon :size="48" />
4.图标
https://materialdesignicons.com/