Вобщем если кому интересно, клюнула я на удочку гугла и осваиваю Google Web Designer. На первый взгляд все понятно, удобно и бесплатно. Интегрирован Google web fonts. Интерфейс очень похож на адобовские продукты. CSS элементы легко настраиваются в design view
Есть официальная обучаловка:
https://support.google.com/webdesigner/answer/6259...
Минус (хотя кому-то может и плюс) - все основные инструкции написаны текстом.
Зато есть куча сторонних толковых видео. Ну хотя бы это
https://www.youtube.com/watch?v=56u1v3LsI-k

Пожалуй пока самым оптимальным мне кажется этот вариант:
.icon {
background-image: url(your.png); /* PNG для IE6-8 */
background-image: url(your.svg), none;
}