Как вывести картинку от символа css?

Question

[fansik]

На страницу будут выводиться слова из фильтра.
Как сделать так, чтоб вместо слов выводилась иконка?

Есть слова к примеру:
Вода,свет,интернет

Нужно по итогу добиться до такого:


Нужно убрать запятые, и вместо слов чтоб были иконки как в примере.

Насколько мне помнится...Пишется

Кровать


И в css писалось что то типа:
.style ...(Кровать)
{...}

Comments

[Rustam Bainazarov]

Максимально абстрактное описание без единого примера кода и макета.

[fansik]

Рустам Байназаров, Обновил версию поста. Пересмотрите)

[n1ksON]

не думаю, что это возможно реализовать без js

[fansik]

n1ksON, Ну а если через js то как это?

Answer 1

[hzzzzl]

если без поддержки падежей и все пары слова/иконки уже прописаны, то



я поменял на эмоджи, вы меняйте на картинки img src