vue cryptoicon

vue-cryptoicon

Beau Pixel Perfect 400+ Cryptocurrency et 10+ Fiat Currency Icon, dans une gamme de styles et de tailles

Démo

Installer

NPM

Installation avec NPM.

 npm install vue - cryptoicon // yarn add vue-cryptoicon 

Démarrage rapide

Mondial

Pour utiliser dans votre projet, importez simplement Vue-Cryptoicon et installez-vous dans 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 > 

Accessoires

Nom	Description	Taper	Défaut	Valeurs acceptées
symbol	Symbole de crypto-monnaie	String	-	Valide et disponible
color	Couleur du symbole	String	couleur	Hex ou nom de couleur
size	Taille de l'icône	Number	24	Entier positif

Avance

Vous pouvez modifier la valeur par défaut de size et color dans main.js

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

Licence

Licence MIT.

Merci spécial?

Laborations atomiques pour les icônes SVG