Wondering what’s next for npm?Check out our public roadmap! »

    vue-cryptoicon

    0.17.1-b • 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

    301

    Version

    0.17.1-b

    License

    MIT

    Unpacked Size

    17.7 MB

    Total Files

    7625

    Last publish

    Collaborators

    • avatar