Вы можете встраивать и отображать иконки на своей веб-странице с помощью 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.