Как использовать картинку в разном цвете?

Сорри за формулировку)

Допустим, есть вот такой вот спрайт i.imgur.com/6m2eQzd.png - одноцветные иконки на прозрачном фоне. В разных местах иконки нужны разного цвета. Любого из видимого спектра, поэтому красить предварительно не вариант, нужно чтобы можно было задавать просто кодом цвета в цссе.

Как вариант вижу только сделать инверсию, то есть сами иконки сделать дырками и накладывать их поверх фона нужного цвета. Но так возникнет та же самая проблема, только с фоном, цветом которого хотелось бы рулить так же.

Есть ли какие-то известные решения такой задачи? Желательно в рамках одного цсса, то есть без свг и тд.
  • Вопрос задан
  • 345 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
seoperin
@seoperin
Full stack web developer. Laravel / Vue
А почему бы не взять иконочный шрифт?
Ответ написан
Moskus
@Moskus
Если вам смертельно нужно только CSS, то кроме фильтра hue-rotate для изменения цвета больше ничего нет.
Ответ написан
Ваш ответ на вопрос

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

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