Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon, in a range of styles and sizes
Installing with npm.
npm install vue-cryptoicon // yarn add vue-cryptoiconTo 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>| 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 |
You can change the default value of size and color in main.js
Vue.use(Cryptoicon, { size: '50', color: 'black' });MIT license.
Atomic labs for svg icons