Note: You can import MeisterIcons with npm install, cdn or download it manually.
import CSS to your main.js
Copy the following code and add it to the head tag of your html document.
<link rel="stylesheet" href="https://unpkg.com/@meistericons/static@latest/fonts/mni.css">
Add icon with class name, class name rule: mni-{name}
<i class="mni mni-bug"></i>
npm install @meistericons/react --save-dev
import {Airpods} from '@meistericons/react'
<Airpods/>
npm install @meistericons/vue --save-dev
<script>
import {ArrowDown} from "@meistericons/vue"
export default {
name:'My Component',
components: {ArrowDown}
}
</script>
<template>
<ArrowDown/>
</template>
npm install @meistericons/vue-latest --save-dev
<script>
import {ArrowDown} from "@meistericons/vue-latest"
</script>
<template>
<ArrowDown/>
</template>
Made with 💝 in Kathmandu, Nepal