Инлайновые SVG-иконки в css-файлах темы WordPress

Дневник разработчика

Вчера у меня возникла потребность в стилизации иконок соц сетей на сайте. Суть её сводилась к простой задаче — перекрасить цвет иконок. Я полез в файл стилей темы, что бы понять как они = иконки реализованы в теме сайта и узнал для себя массу интересного и полезного. Спешу поделиться с вами радостными находками. Описанные ниже инструкции расскажут вам про крутую альтернативу спрайтам и существенно разнообразит ваш арсенал решений.

Самое крутое что есть в этом способе — возможность интегрировать SVG-иконки в стили темы как фоновое изображение. А это значит что можно попрощаться с захламлением html-разметки. Круто же!

https://habr.com/ru/post/257781/ тут подробно описано как это сделать круче чем в теме

на английском урок неплохой https://css-tricks.com/lodge/svg/09-svg-data-uris/

Сервис по преобразованию https://codepen.io/alexcss/pen/aVLjLx

Иконки брал отсюда https://iconmonstr.com/

Юрий Ронин