Skip to content
Simply beautiful open source icons as Vue functional components.
Vue JavaScript
Branch: master
Clone or download
dependabot and egoist chore: bump lodash.merge from 4.6.1 to 4.6.2 (#38)
Bumps [lodash.merge](https://github.com/lodash/lodash) from 4.6.1 to 4.6.2.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](https://github.com/lodash/lodash/commits)

Signed-off-by: dependabot[bot] <support@github.com>
Latest commit 7c54cc0 Aug 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING.yml May 24, 2019
example feat: icon sizing (#37) Jul 10, 2019
.editorconfig init Aug 4, 2017
.gitattributes init Aug 4, 2017
.gitignore add per-file icons May 14, 2018
LICENSE init Aug 4, 2017
README.md feat: icon sizing (#37) Jul 10, 2019
build.js feat: icon sizing (#37) Jul 10, 2019
circle.yml chore: add semantic-release Jul 10, 2019
package.json Release v4.22.0 Jun 7, 2019
yarn.lock chore: bump lodash.merge from 4.6.1 to 4.6.2 (#38) Aug 10, 2019

README.md

vue-feather-icons

NPM version NPM downloads CircleCI donate

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.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.

<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

  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

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

You can’t perform that action at this time.