CSS

IcoMoon - Создаём только нужные для нас иконки

IcoMoon - Создаём только нужные для нас иконки

Понадобилось создать свою иконку для сайта, и сразу наткнулся на сервис IcoMoon

Кратко, с чем его едят. Заходим на страницу http://icomoon.io/#app-features , запускаем приложение

У вас появится страница, для добавления иконок. Где вы можете нажав на Import Icons, вы загружаете иконки в формате SVG. Предварительно можно скачать исходники с гитхаба , что я и сделал, открыл папку Icons и  открыл в Illustrator люой svg файл. Забросил своё векторное изображения в чёрно белом цвете, желательно без фона (или растровое с последующей трассировкой изображения в вектор), и сохранил файл под своим именем.

Затем импортирую.

Осталось нажать снизу страницы кнопку Font , предварительно выделив нужные иконки, и попадаем на страницу, где вам остаётся только скачать архив с примером.

Вот мой пример http://demo.artdevue.com/icon/

Вам нужен только в корне файлик style.css и шрифты с папкой fonts.

Valentin Rasulov

Комментариев нет

Чтобы оставить комментарий необходимо авторизоваться