" class="reference-link">eve-icons @eveio/icons" alt="npm (scoped)">

The SVG icon set used by eve’s front-end application as Vue components. See the list of the icons here.

Installation

yarn add @eveio/icons
# Install Vue as a peer dependency
yarn add vue@2.6

Usage

Import and use the components from @eveio/icons. You can find the list of the icons and their names here.

<template>
  <div>
    <IconAccreditation></IconAccreditation>
  </div>
</template>
<script>
import { IconAccreditation } from '@eveio/icons'
export default {
  components: {
    IconAccreditation
  }
}
</script>

The icon components support several sizes via the class attribute:

• <IconAccreditation></IconAccreditation>: width: 20px; height: 20px
• <IconAccreditation class="icon-xs"></IconAccreditation>: width: 16px; height: 16px
• <IconAccreditation class="icon-m"></IconAccreditation>: width: 40px; height: 40px
• <IconAccreditation class="icon-l"></IconAccreditation>: width: 64px; height: 64px
• <IconAccreditation class="icon-xl"></IconAccreditation>: width: 96px; height: 96px
• <IconAccreditation class="icon-xxl"></IconAccreditation>: width: 128px; height: 128px

A rotate class will apply a “rotate” animation on the icon, suitable for e.g., IconLoading.
Any extra custom class will fall through to the component’s root <svg> tag.

Development

yarn install  # install the dependencies
yarn build    # build the components
yarn demo     # build the demo icon-listing page
yarn test     # run the test suite

License

MIT