Рассказываем, зачем и как работать с файлами в формате SVG и для чего их можно модифицировать через код. Зачем использовать SVG Если вам нужны четкие, адаптивные или анимированные элементы интерфейса, иконки, логотипы, векторные изображения, то лучше всего использовать формат SVG. Ниже мы расскажем об основных преимуществах формата. Масштабирование изображения с сохранением качества pixel perfect При использовании формата PNG или растровых изображений разработчики ограничены пикселями. Масштабирование картинки снижает ее качество...

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