Все коллекции
Ресурсы
Иконки
Рендеринг иконок с помощью Icons8 API
Рендеринг иконок с помощью Icons8 API
Maria avatar
Автор: Maria
Обновлено больше недели назад

Вы можете встраивать и отображать иконки на своей веб-странице с помощью Icons8 API.

В настоящее время для отображения всех иконок, кроме бесплатных (.png до 100 пикселей), требуется аутентификация с помощью ключа API.


Есть два способа запросить иконку:

1) Указать id иконки, который можно получить вот так и так.

Такой запрос выдаст иконку с параметрами по умолчанию:
GET https://api-img.icons8.com/?token=user_token&id=icon_id


Параметры можно модифицировать, добавив их в запрос и разделяя знаком "&":
token - обязательно - ключ API.

icon_id - обязательно - читайте выше, как его получить.

size - опционально - если не указано значение, иконка будет оптимального размера. Можно указывать количество пикселей (например, 512) или множитель (2x, 3x, и т.д).

format - опционально - если не указано значение, иконка будет в формате .PNG. Поддерживаемые форматы: .PNG, .SVG, .PDF, .GIF, .AEP, .JSON.

color - опционально - указывается в HEX без "#". Используется только для монохромных иконок.


Например, запрос на получение красной иконки HDD размером 512 пикселей в формате .svg в стиле Dotty будет выглядеть так:

GET https://api-img.icons8.com/?token=user_token&id=44082&size=512&format=svg&color=FF2400

Параметры можно выставлять в любом порядке, но запрос без обязательных параметров выдаст ошибку.


2) Указать стиль и название иконки.

Параметры нужно разделять слэшем "/":

GET https://api-img.icons8.com/platform/size/color/name.format?token=user_token

token - обязательно - ключ API.

name - обязательно - можно получить с помощью поискового запроса.

platform - опционально - если не указано значение, иконки будут в стиле iOS7. Названия стилей можно запросить через API. Они также отображаются в ссылке на сайте:

format - опционально - если не указано значение, иконки будут в формате .PNG. Поддерживаемые форматы: .PNG, .SVG, .PDF, .GIF, .AEP, .JSON.

color - опционально - указывается в HEX без "#". Используется только для монохромных иконок.

Например, запрос на получение зеленой иконки Ключ размером 128 пикселей в формате .svg в стиле Material Outlined будет выглядеть так:

GET https://api-img.icons8.com/material-outlined/128/2AE468/key-security.svg?token=user_token

Если в названии иконки или стиля больше одного слова, нужно использовать дефис для их разделения. Например: left‐arrow.

Нашли ответ на свой вопрос?