| meistericons

Usage

Webfont Usage

Note: You can import MeisterIcons with npm install, cdn or download it manually.

import CSS to your main.js

CDN

Copy the following code and add it to the tag of your html document.

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/meistericons@2/fonts/mni.css">

Usage

Add icon with class name, class name rule: mni-{name}

<i class="mni mni-bug"></i>

Installation

React

npm install meistericons-react --save-dev


import {Airpods} from 'meistericons-react'

<Airpods/>

Vue

npm install meistericons-vue --save-dev

<script>
import {ArrowDown} from "meistericons-vue"

export default {
    name:'My Component',
    components: {ArrowDown}
}
</script>

<template>
    <ArrowDown/>
</template>

Vue3

npm install meistericons-vue-latest --save-dev

<script>
import {ArrowDown} from "meistericons-vue-latest"
</script>

<template>
    <ArrowDown/>
</template>