eve-icons

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 [email protected]

Usage

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

<template>
  <div>
    <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/>: width: 20px; height: 20px
• <IconAccreditation class="icon-xs"/>: width: 16px; height: 16px
• <IconAccreditation class="icon-m"/>: width: 40px; height: 40px
• <IconAccreditation class="icon-l"/>: width: 64px; height: 64px
• <IconAccreditation class="icon-xl"/>: width: 96px; height: 96px
• <IconAccreditation class="icon-xxl"/>: 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