SVG иконка, webfont

Скачайте библиотеку криптовалютных иконок для использования в своих проектах. Более 600 иконок нарисованы в векторе. Библиотека содержит все популярные криптовалютные иконки и постоянно добавляются новые. Библиотека уже содержит svg и webfont иконку.

Купить все Бесплатная PNG иконка

Варианты иконки:

Черный фон и белая иконка

Белый фон и черная иконка

Персональный цвет иконки на белом фоне

Фон цвета токена и белая иконка

Ромб иконка

Как использовать?

Старт

Купите и подключите библиотеку к своему проекту.

Скачайте архив и добавьте файл icons.css и папку fonts в ваш проект, папка и файл должны находиться в одной директории. Подключите файл стилей к вашему проекту:

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

Вставка иконки

Чтобы вставить иконку, используйте конструкцию <span></span> с двумя обязательными классами: .cryptoicon и .icon-USDT, где USDT тикер токена, иконку которого нужно вывести.

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

Дополнительные классы

Несколько дополнительных классов для простой стилизации иконок.

.USDT-color

Где USDT - название тикера нужной криптовалюты. Применяет цвет криптовалюты к иконке или тексту.

.icon-color-white

Красит иконку криптовалюты в белый цвет.

.icon-color-black

Красит иконку криптовалюты в черный цвет.

Пример

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

Пресеты

Готовые конструкции для красивого отображения иконок. Использовать их просто, нужно обернуть иконку в div с определенными классами.

Черный фон и белая иконка

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

Белый фон и черная иконка

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

Фон цвета токена и белая иконка

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

Белый фон и иконка своего собственного цвета

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

Ромб

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