Documentation

Start

Buy and connect the library to your project.

download the archive and add the icons.css file and the fonts folder to your project, the folder and the file must be in the same directory. Connect the styles file to your project:

<link rel="stylesheet" href="css/icons.css">

Icon output

To display the icon, use the construction <span></span> with two required classes: .cryptoicon и .icon-USDT, where USDT is the ticker of the desired cryptocurrency.

<span class="cryptoicon icon-USDT"></span>

Additional classes

Several additional classes for simple icon styling.

.USDT-color

Where USDT - the name of the ticker of the desired crypto. Applies the color of the cryptocurrency to the icon or text.

.icon-color-white

Applies white cryptocurrency to an icon or text.

.icon-color-black

Applies the black color of cryptocurrency to an icon or text.

Example of use

<span class="cryptoicon icon-USDT USDT-color"></span>

Presets

Preconfigured constructs to display icons nicely. To use them is simple, you need to wrap the icon in a div with certain classes.

Black background and white icon

<div class="iconbox black-style">
<span class="cryptoicon icon-color-white icon-USDT"></span>
</div>

White background and black icon

<div class="iconbox white-style">
<span class="cryptoicon icon-color-black icon-USDT"></span>
</div>

Token color background and white icon

<div class="iconbox USDT-color-bg">
<span class="cryptoicon icon-color-white icon-USDT"></span>
</div>

The background is white, the icon is the color of the token

<div class="iconbox white-style">
<span class="cryptoicon USDT-color icon-USDT"></span>
</div>

Rhombus

<div class="iconbox LTC-color-bg backgroundRomb">
<span class="cryptoicon icon-color-white icon-USDT"></span>
</div>