keycash-icons v1.0.19

Keycash Icons

keycash svg pack of icons

Contains all icons from keycash design system

Install

using npm

npm i keycash-icons

Usage

Global

All resources can be available using Vue.use(plugin).

import Vue from 'vue';
import App from './app.vue';
import keycash_icons from 'keycash-icons';

Vue.use(keycash_icons);

new Vue({
    el: '#app',
    render: h => h(App)
});

Local icon with baseline

Icons can be placed inside KCIconBase component as slots, you can import them separately.

<kc-icon-base width="32" height="32" color="purple"><kc-pilates /></kc-icon-base>

import { KcBaseIcon } from 'keycash-icons';
import { KcPilates } from 'keycash-icons';

export default {
  name: 'App',
  components: {
    KcBaseIcon,
    KcPilates
  }
};

KCIconBase Attributes

Vuetify integration

The KC icons package can integrate with vuetify just by adding custom icons in plugin.js, all custom icons are packed in the KcIcons module

import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import { KcIcons } from 'keycash-icons';

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: 'mdi',
    values: {
      ...KcIcons
    }
  },
});

For more information vueitfy icons

List of all icons

All icons available can be found in keycash design system

License

MIT