Помимо букв шрифт может содержать и другие графические символы. Существуют инструменты, позволяющие собрать свой собственный шрифт из SVG-объектов. Их довольно много: icomoon.io/app, fontastic.me, glyphter.com и другие.

Для простоты и наглядности в этом задании мы используем сервис Glyphter, чтобы создать шрифт с единственным символом, который будет храниться по адресу латинской буквы A.

Затем мы загрузим и подключим наш шрифт в CSS, напишем в коде букву A, но вместо неё увидим в браузере иконку.

Полученная иконка и будет нашим графическим символом в логотипе.

Преимуществом шрифтовых иконок перед растровыми картинками является то, что их легко смасштабировать или перекрасить в другой цвет с помощью CSS-свойств, применимых к тексту. Также на экранах с большой плотностью пикселей шрифт не «замыливается», как это происходит с обычными картинками.