vue cryptoicon

Vue-Cryptoicon

Beautiful Pixel Perfect 400+ криптовалюта и значок 10+ Fiat Vurrance, в ряде стилей и размеров

Демо

Установить

Npm

Установка с NPM.

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

Быстрый старт

Глобальный

Чтобы использовать в вашем проекте, просто импортируйте Vue-Cryptoicon и установите в 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 > 

Реквизит

Имя	Описание	Тип	По умолчанию	Принятые ценности
symbol	Символ криптовалюты	String	-	Действителен и доступен
color	Цвет символа	String	цвет	HEX или цвет название
size	Размер значка	Number	24	Положительное целое число

Продвигать

Вы можете изменить значение по умолчанию size и color в main.js

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

Лицензия

MIT Лицензия.

Особая спасибо?

Атомные лаборатории для значков SVG