@Pavel_Proca

Как просто использовать SVG иконки, что бы можно было менять их цвет с помощью CSS?

К примеру, есть папка с иконками в формате название.svg. Как добавить их в HTML документ, что бы при этом можно было менять их цвет с помощью CSS? Я пробовал добавлять их как обычную картинку, с помощью , но:
1 цвет иконок не получается менять никакими известными мне методами
2 я считаю, что так не правильно
Помогите, пожалуйста. Гуглил, но так и не нашёл толковую статью которая бы объясняла как это сделать легко и просто.

Можно ли их как-то добавить как шрифт, что бы можно было задавать и font-size?
  • Вопрос задан
  • 262 просмотра
Пригласить эксперта
Ответы на вопрос 3
petermzg
@petermzg
Самый лучший программист
1. Встраиваете svg в страницу.
2. Для его элементов не должен быть прописан цвет через атрибуты.
Ответ написан
Комментировать
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
Inkscape для создания шрифтов. Или поискать онлайн сервис можно. А так блокнотом откройте и в HTML скопируйте то что между тегами svg. Тогда в CSS можно будет менять свойство fill у данного объекта.
Ответ написан
Комментировать
archakov06
@archakov06
Frontend-разработчик (ReactJS)
Используйте SVG спрайты.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы