vue-cryptoicon

Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon, in a range of styles and sizes

Demo

Install

NPM

Installing with npm.

npm install vue-cryptoicon // yarn add vue-cryptoicon

Quick start

Global

To use in your project, just import vue-cryptoicon and install into Vue.

main.js

import Vue from 'vue';
import Cryptoicon from 'vue-cryptoicon';
// For all icons
import icon from 'vue-cryptoicon/src/icons';
Cryptoicon.add(icon);
Vue.use(Cryptoicon);

// selective icons 
import { Btc, Eth, Xrp, Eos, Bnb, Tron } from 'vue-cryptoicon/src/icons';
Cryptoicon.add([Btc, Eth, Xrp, Eos, Bnb, Tron]);
Vue.use(Cryptoicon);

App.vue

<template>
    <!-- Bitcoin color icon-->
    <cryptoicon symbol="btc" size="24" />  
    <!-- Bitcoin blue color icon-->
    <cryptoicon symbol="btc" size="24" color="blue" />
    <!-- Bitcoin  black (#000)  icon-->
    <cryptoicon symbol="btc" size="24" color="#000" />
</template>

Props

| Name | Description | Type | Default | Accepted values | | ------------- | -------------------- | ------------ | -------------- | ------------------------ | | symbol | Cryptocurrency symbol| String | - | Valid and Available | | color | Color of the symbol | String | color | HEX or color name | | size | Size of the icon | Number | 24 | Positive integer |

Advance

You can change the default value of size and color in main.js

Vue.use(Cryptoicon, { size: '50', color: 'black' });

License

MIT license.

Special Thanks 👏

Atomic labs for svg icons