Załóżmy, że wezme taki obrazek:
http://www.flaticon.com/free-icon/placeholder_125298

Jak zrobic z tego coś takiego ikone w css? Mółby ktoś podać jakiś przyklad? Musze wykorzystac png/svg? Jak to dziala?

Jeśli myślimy o tym samym to:
1. Skompresuj sobie obrazek i przeskaluj go
2. Zrób sobie w css klasę z background-image: plik_ikonki i na sztywno ustalonym rozmiarem
3. Wrzuć w htmlu <span class="klasa_ikonki"></span>