Как вы делаете иконки для пунктов меню?

Question

[myskypesla]

Приветствую.

Как вы делаете иконки для пункта меню, background'ом при это добавляя класс и тогда код становится менее читабельным или в пунтке меню вставляете огромный SVG к примеру и код становиться ещё хуже?

Answer 1

[Ivan Bogachev]

... или в пунтке меню вставляете огромный SVG к примеру и код становиться ещё хуже?

Берем систему сборки и импортируем svg в нужное место на странице. Читаемость кода не страдает, исходники иконок в виде отдельных файлов - все ок.

Answer 2

[lukoie]

Проблема в читабельности кода? Или просто надо узнать как большинство делает данную задачу?
Если первое - то Жейд+Лесс как бы исправляют ситуацию.

Answer 3

[xtala zen]

В 2017 году эти проблемы успешно решает иконочный шрифт. Например всем известный fontawesome.io .