0.18.1 • Published 1 year ago

vue-cryptoicon v0.18.1

Weekly downloads
318
License
MIT
Repository
-
Last release
1 year ago

npm travis npm npm

vue-cryptoicon

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

Vue-Cryptoicon

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

NameDescriptionTypeDefaultAccepted values
symbolCryptocurrency symbolString-Valid and Available
colorColor of the symbolStringcolorHEX or color name
sizeSize of the iconNumber24Positive 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