nuxt-hero-icons

A set of free MIT-licensed high-quality SVG icons, sourced from @refactoringui/heroicons, as Nuxt.js Vue components.

Install

Simply add to build modules after installing:

    buildModules: [
        // ...
        // https://github.com/whardier/nuxt-hero-icons
        '@nuxt-hero-icons/outline/nuxt',
        '@nuxt-hero-icons/solid/nuxt',
    ],

And use in your templates using your own classes (example using TailwindCSS w-8/h-8 classes):

<template>
    <div>
      <outline-annotation-icon class="w-8 h-8" />
    </div>
</template>

Usage

See all icons and usage here: https://vue-hero-icons.netlify.com

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Credits

heroicons © Refactoring UI, Released under the MIT License.

Author

nuxt-hero-icons © whardier, Released under the MIT License.

GitHub @whardier

vue-hero-icons © matschik, Released under the MIT License.

GitHub @matschik · Twitter @matschik_