@nataicons/vue

Nataicons

A fun-themed simple open source icon by the folks at Natatoko.

---

Installation

Install with npm

npm install @nataicons/vue

Usage

1. Import the icon components

import { AlarmIcon, AlertIcon, NataIcon } from "@nataicons/vue"

2. Use the icon components in your template

<template>
  <div>
    <AlarmIcon color="red" size="24" />
    <NataIcon name="bell" color="blue" size="32" />
  </div>
</template>
<script>
  import { AlarmIcon } from "@nataicons/vue"
    export default {
    components: { AlarmIcon }
  }
</script>

You can set a custom size (in pixels) or use the default sizes (24px or 20px). The color prop allows you to change the icon color. om size (in pixels) or use the default sizes. The color prop allows you to change the icon color.

License

Nataicons is licensed under the MIT License. In short, you are free to use this icons in any personal, open-source or commercial work. Attribution is optional but appreciated.