JSPM

@meistericons/meistericons

0.0.17
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 263
    • Score
      100M100P100Q112755F
    • License MIT

    Meistericons, an icon library,

    Package Exports

      This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@meistericons/meistericons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

      Readme

      meistericons

      Webfont

      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://unpkg.com/@meistericons/static@latest/fonts/mni.css">

      Usage

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

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

      React

      npm install @meistericons/react --save-dev

      Component.jsx

      import {Airpods} from '@meistericons/react'
      
      <Airpods/>

      Vue

      npm install @meistericons/vue --save-dev

      Component.vue

      <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

      Component.js

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

      Made with 💝 in Kathmandu, Nepal