Как правильно сверстать иконки?

Question

[GreatBOND]

Есть такой макет(взял ради практики):



Сам .psd вот: ссылка
Вопрос в том как сверстать эти иконки. Меня интересует именно вырезать ли их как картинки или что. По идее на макете они реализовани с помощью шрифта Socialico, но найти его я не смог. Вырезать также проблема - в Фотошопе они представлены как один слой и то просто как текст. Что делать в такой ситуации?
Также может кто знает где можно почитать как правильно иконки делать именно когда верстаешь с .psd-макета. И если надо вырезать иконки как картинки, то как в этом случае делать :hover эффекты?

Заранее спасибо за ответ.

Comments

[Ярослав Иванов]

www.fontfabric.com/social-media-icons-pack интересно как вы искали. Первая ссылка в гугле.

[Ярослав Иванов]

www.fonts2u.com/socialico.font

Answer 1

[roswell]

Вместо Socialico отлично подойдёт Font Awesome.

Answer 2

[game802]

White social icons

Answer 3

[Serj-One]

По идее на макете они реализовани с помощью шрифта Socialico, но найти его я не смог.

Первая же ссылка в гугле ведёт на него - www.fonts2u.com/socialico.font