| 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 <head> 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>

```
