Для начала найдем подходящую вам иконку на сайте Icons8, в моём случае это будет ананас: Инструкция для браузера Safari. (Ниже будет инструкция для Chrome и ему подобных) Откройте консоль разработчика, нажав в любом месте страницы правой кнопкой мыши и выбрав пункт меню "Проверить элемент". Затем, не закрывая консоль (это важно, потому что только при открытой консоли будут регистрироваться необходимые данные!), нажмите на нужную иконку и в меню "Edit" выберите пункт "Color" После нажатия кнопки "Color"...

Уже давно все иконки на сайте используют в SVG формате. Это современно, адаптивно и удобно. Но что делать если svg иконок много? Как использовать спрайты на примере обычных растровых изображений мы уже знаем. Просто соединяем много иконок в одну картинку и выбираем нужный участок картинки через background-position. В случае с SVG самым быстрым способом будет воспользоваться этим сервисом. Создание SVG спрайта 1. Итак, заходим на SVG Sprit 2. Перетаскиваем нужные SVG иконки прям на страницу 3. Получаем...