vue cryptoicon

vue-cryptoicon

Hermoso Pixel Perfect 400+ criptomonedas e icono de moneda fiduciario de más de 10 años, en una variedad de estilos y tamaños

Manifestación

Instalar

Npm

Instalación con NPM.

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

Comienzo rápido

Global

Para usar en su proyecto, simplemente importe Vue-Cryptoicon e instale en 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 > 

Accesorios

Nombre	Descripción	Tipo	Por defecto	Valores aceptados
symbol	Símbolo de criptomoneda	String	-	Válido y disponible
color	Color del símbolo	String	color	Nombre hexagonal o color
size	Tamaño del icono	Number	24	Entero positivo

Avance

Puede cambiar el valor predeterminado de size y color en main.js

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

Licencia

Licencia MIT.

¿Un agradecimiento especial?

Atomic Labs para iconos SVG