Vue micon

Vue.js functional component to display material icons

Version: 1.2.1 Updated: 09/06/2019

By: laosb License: MIT

Downloads Last 30 Days: 6

Install

npm i vue-micon
yarn add vue-micon

Repository: https://github.com/laosb/vue-micon

CDNs

bundle.run: https://bundle.run/vue-micon

jsDelivr: https://cdn.jsdelivr.net/npm/vue-micon

unpkg: https://unpkg.com/vue-micon

vue-micon

NOTE: This is a fork of vue-material-icon because the upstream doesn't update for a while. It's fully compatible with the upstream right now, and version number are following the upstream.

Vue.js (2.5+) functional component to display material icon.

Installation

Using NPM:

npm install vue-micon -S

Using Yarn:

yarn add vue-micon

Usage

In your main.js file:

import VueMaterialIcon from 'vue-micon'

Vue.component(VueMaterialIcon.name, VueMaterialIcon)

In your components template:

  <vue-material-icon name="favorite" :size="32" :color="red"></vue-material-icon>
  • name - material icon name which can be find here
  • size - icon size in px (24 is default)
Categories: Vue js