Как сделать такой список?

Question

[Zowezy]

Хочу сделать список по данному шаблону,но незнаю как это сделать ? Здесь используются именно изображение иконок, а не font-awesome

Comments

[Павел]

ul>li
img text
/li

[Rustam Bainazarov]

img внутрь li.

[Ankhena]

Это svg
Вставить их можно:
- прямо в код
- фоном
- в псевдо в фон
- в псевдоэлемент в content
В первых 3 случаях разумно собрать их в спрайт.
Выбор зависит от того, что с ними дальше будет происходить, нужны ли интерактивные эффекты или нет.

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

Answer 1

[freelion93]

Иконки Bootstrap'a https://getbootstrap.com/docs/4.0/extend/icons/
или
Unicode символы https://en.wikipedia.org/wiki/Miscellaneous_Symbols

Answer 2

[Антон Усачев]