Namespace Pollution Mechanism
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

vue-cryptoicon

0.1.6 • Public • Published

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

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

Install

npm i vue-cryptoicon

DownloadsWeekly Downloads

193

Version

0.1.6

License

MIT

Unpacked Size

16.2 MB

Total Files

7258

Last publish

Collaborators

  • avatar