Для тех, кто хочет отобразить значок и принять «черно-белое» решение, одна из возможностей заключается в использовании объектов символов:
. Расширение, ваши значки могут быть сохранены в пользовательском шрифте , Вот пример использования шрифта FontAwesome : https://jsfiddle.net/14606fv9/2/ https://jsfiddle.net/14606fv9/2/
Одно из преимуществ заключается в том, что он не требует Javascript. Однако обратите внимание, что загрузка полного шрифта не замедляет загрузку вашей страницы.
Nota bene: Решение использовать фоновое изображение больше не работает в Firefox (по крайней мере, в версии 57 «Квант»):