Как создавать шрифты иконки?

Question

[Outoverlay]

Нашел сайт genericons.com, там есть шрифты(иконки). Поглядев на css увидел что там еще и svg принимает участие. А после чего иконку можно вызвать через псевдо элемент :after/:before
Например
.test:before {
content: '\f431';
}
Так же возможен вызов через html. Плюс как-то еще и сжато в data-uri. Как можно реализовать что-то подобное. Ссылку/алгоритм - буду благодарен.

Answer 1

[Никита Болдышев]

Возможно поможет

www.youtube.com/watch?v=YDKskOH5sSw
www.youtube.com/watch?v=ESXJ_0Fa0rs

Comments

[Outoverlay]

Вот то что надо спасибо огромное)

Answer 2

[gassmonkey]

fontello.com

Comments

[Outoverlay]

Мне не нужны готовые решения. Я был минут 40 назад на этом сайте.

[Roman K]

Outoverlay: Акий грубиян! 40 минут назад на сайте не добавили функции импорта SVG?

[Outoverlay]

суть вопроса как создавать а не где найти уже готовые иконки нужно создать свой вектор. Не знаю где как, и что. А так готовые то меня вполне genericons.com устраивает

[gassmonkey]

Outoverlay: Что мешает загрузить туда свои иконки?

[Outoverlay]

Roman Kitaev: ска,ска,ска Да мне надо научится их потом брать через after/before, суть в удобстве использования

[Roman K]

Outoverlay: Допиши пару стилей в свой CSS и будет тебе и before и after и как хочешь.