🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

github.com/egoist/vue-feather-icons

Package Overview
Dependencies
Alerts
File Explorer
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

github.com/egoist/vue-feather-icons

v5.0.0+incompatible
Source
Go
Version published
Created
Source

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

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

FAQs

Package last updated on 10 Jul 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts