Просмотр поста

Старый, классический метод.

Тут, каждая иконка представляет собой отдельную картинку (gif, png или jpg) и обычно вставляется в код страницы с помощью тэга <img>.
Разумеется, картинку можно привязать к фону какого-нибудь стиля и использовать, но чаще всего встречается именно <img>. В частности, в JohnCMS сделано именно так.

Достоинства
Простейший (классический) метод, доступный для понимания даже начинающему дизайнеру. Возможно использовать любые быдлокодерские Wysiwyg HTML редакторы.
Поддерживается всеми, даже самыми дремучими браузерами.
Цветные иконки.
Любую из иконок легко заменить, достаточно закинуть новую картинку с таким же именем и размером.
Иконки легко редактировать на любом графическом редакторе.

Недостатки
Если у Вас в интерфейсе используется одна и та же иконка, но разного размера, приходится делать отдельные файлы с картинками, соответствующих размеров.
При масштабировании теряется качество, особенно актуально для современных дивайсов с HD экранами.
Для загрузки каждой из иконок используется отдельный HTTP запрос, что нагружает сервер и в целом замедляет загрузку страницы.
Довольно много HTML кода, особенно если все писать по стандартам, с указанием alt и размеров изображений.
Сложно реализовать "темы" со сменой иконок интерфейса.