vue-feather-icons
Install
yarn add vue-feather-icons
Usage
// Only import what you need!
import { AirplayIcon, AtSignIcon, ... } from 'vue-feather-icons'
See all icons and usage here: https://vue-feather-icons.egoist.sh
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.
<activity-icon size="1.5x" class="custom-class"></activity-icon>
You can also set a px size directly by just passing an integer
<activity-icon size="25" class="custom-class"></activity-icon>
Tree shaking
By using ES imports like import { AirplayIcon } from 'vue-feather-icons' with webpack + minifier or Rollup, unused exports in this module will be automatically eliminated.
To make webpack tree shaking work without using any minifier, you can use the per-file icons from icons directory, e.g. import AirplayIcon from 'vue-feather-icons/icons/AirplayIcon'.
Related
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
Author
vue-feather-icons © egoist, Released under the MIT License.
Authored and maintained by egoist with help from contributors (list).
egoist.moe · GitHub @egoist · Twitter @_egoistlily