vue-cryptoicon
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
Related Packages
vue-cryptocurrency-icons
A Vue.js component for the project 'cryptocurrency-icons: 6000 icons – almost 40...
1,375
8
Version History
| Version | Released | License |
|---|---|---|
| 0.18.1 | MIT | |
| 0.18.0 | MIT | |
| 0.17.2 | MIT | |
| 0.17.1 | MIT | |
| 0.1.7 | MIT | |
| 0.1.6 | MIT | |
| 0.1.5 | MIT | |
| 0.1.4 | MIT | |
| 0.1.3 | MIT | |
| 0.1.2 | MIT | |
| 0.1.1 | MIT | |
| 0.1.0 | MIT |
Pre-releases (2)
| Version | Released | License |
|---|---|---|
| 0.18.0-a | MIT | |
| 0.17.1-b | MIT |