Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/man15h/vue-cryptoicon

Cryptocurrency icons for your next Vue project
https://github.com/man15h/vue-cryptoicon

bitcoin components cryptocurrency ethereum fiat icons iconset vue vue-components vue-icons vuejs

Last synced: about 2 months ago
JSON representation

Cryptocurrency icons for your next Vue project

Lists

README 

        
[![npm](https://img.shields.io/npm/v/vue-cryptoicon.svg)](https://www.npmjs.com/package/vue-cryptoicon)    [![travis](https://img.shields.io/travis/man15h/vue-cryptoicon.svg)](https://www.npmjs.com/package/vue-cryptoicon) [![npm](https://img.shields.io/npm/dw/vue-cryptoicon.svg)](https://www.npmjs.com/package/vue-cryptoicon) [![npm](https://img.shields.io/npm/l/vue-cryptoicon.svg)](https://github.com/man15h/vue-cryptoicon/blob/master/LICENSE)



# vue-cryptoicon



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



![Vue-Cryptoicon](public/cryptoicons.png)



## [Demo](https://vue-cryptoicon.netlify.com/)



## Install



### NPM



Installing with npm.



```js

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



```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



```html



    

      

    

    

    

    



```



## 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`



```js

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

```



## License



[MIT](LICENSE) license.



## Special Thanks 👏



[Atomic labs]('https://github.com/atomiclabs') for [svg icons](https://github.com/atomiclabs/cryptocurrency-icons/)