Package Exports

@vue-hero-icons/outline

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 (@vue-hero-icons/outline) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-hero-icons

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

Demo: https://vue-hero-icons.netlify.com/

Install

# Only outline icons
npm install @vue-hero-icons/outline

# Only solid icons
npm install @vue-hero-icons/solid

Usage

// Only import what you need!
import { AnnotationIcon, ArrowCircleUpIcon, ... } from '@vue-hero-icons/outline'

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

Sizing

By default, icons will be sized based on the font size of the parent element.

You can set a custom size using the size attribute. For multiple based sizing, pass the desired multiple followed by an x.

<AnnotationIcon size="1.5x" class="custom-class" />

You can also set a px size directly by just passing an integer

<AnnotationIcon size="25" class="custom-class" />

Tree shaking

By using ES imports like import { AnnotationIcon } from "@vue-hero-icons/outline" with webpack + minifier or Rollup, unused exports in this module will be automatically eliminated.

Inspiration

vue-feather-icons

Contributing

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

Credits

Author

GitHub @matschik · Twitter @matschik_