Предполагается, что вы разрабатываете приложение HTML / CSS / Javascript - вы смотрели на Jquery Mobile ?
Вы можете использовать их стандартные значки панели, которые белого цвета с альфа-фоном - см.JQM-документы по значкам кнопок здесь .
Что касается ваших вопросов:
1) Да, вы можете, например, придерживаться пользовательских значков, предоставляемых фреймворками
2) Вы всегда можете нарисовать свои собственные иконки в Photoshop или (я предпочитаю) Inkscape (бесплатно и проще).Я сделал это в Inkscape например.Прекрасно работает в Jquery Mobile.
3) Инвертирование изображений - если вы говорите об использовании изображения в качестве «маски» - это можно сделать только в браузерах Webkit, использующих свойство -webkit-mask-image
без изменения значка (пример: здесь . Если вам это нужно на разных устройствах, вы должны вырезать значки из фонового изображения. Я сделал это на моей кросс-браузерной вкладке