Привет! Сегодня рассмотрим, как правильно размещать svg-иконки на странице Inline-методом. Рассмотрим, как быть, когда валидатор ругается на одинаковые id. Поехали! Итак, как вставить svg в html. Ну, на самом деле все довольно просто. Если Вы хотите вставить — берете и вставляете. <div class="item">   <div class="item__icon">     <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 611.989 611.988">       <g>         <g id="Wi-Fi">           <g>             <path d="M305...

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