JSPM

@swert/feather-icons

0.0.7
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q63527F
  • License MIT

simply beautiful open source icons as vue functional components.

Package Exports

  • @swert/feather-icons

Readme

Swert Feather Icons

NPM version NPM downloads

Install

$ npm install @swert/feather-icons
$ pnpm install @swert/feather-icons
$ yarn add @swert/feather-icons

Usage

<script setup>
// Only import what you need!
import { FeatherIcon, CoffeeIcon, ... } from '@swert/feather-icons'
</script>

<template>
    <FeatherIcon size="1.5x" class="custom-class" />
</template>

See all icons and usage here: https://feathericons.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.

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

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

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

Tree shaking

By using ES imports like import { FeatherIcon } from '@swert/feather-icons' with webpack + minifier or Rollup, unused exports in this module will be automatically eliminated.