Как сделать изменение цвета простых flat изображений в css?

Есть три варианта:

1. Обычные растовые изображения, при наведении менять background (потребуется создавать иконки в 2х цветах, что в принципе не очень).

2. Использовать иконочный шрифт, например Font-Awesome (легко внедрить, цвет можно менять просто через css, единственное на разных устройствах и ос рендерится по разному, бывает размыто).

3. Использовать векторные иконки, встраивать их прямо в HTML код напрямую или через спрайт-символы (самый современный вариант, вектор отлично смотрится, можно менять цвет через css, делать разные чудеса через js).

werty1001,

2. http://www.flaticon.com/iconfont-demo это тоже самое что скинули?

3. можно по подробнее про это? есть где-то пример?

это не изображение, это шрифт и цвет задавать для него как для шрифта

---------- Добавлено 22.01.2016 в 00:25 ----------

по вашей ссылке внизу страницы пример использования же)

totamon, я так понял werty1001 во 2 варианте говорил про шрифт, в третьем про что-то другое! разве нет?

Да, это иконочные шрифты.

Вот например.

werty1001,

пример одной такой иконки можно? или это и есть иконочный шрифт?

Я же скинул, это и есть svg встроенный в страницу, вот вариант попроще.

Спасибо!................