# SVG - иконки

## Добавление новых иконок на примере типового дизайна

{% hint style="info" %}
SVG-иконки, используемые на сайте, созданы с помощью приложения IcoMoon - <https://icomoon.io/>
{% endhint %}

Для того, чтобы добавить новые иконки необходимо перейти по ссылке <https://icomoon.io/app/#/select> и импортировать файл selection.json актуальной версии.

![](https://2323113550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDkZZ4KLHlNn6g8TQlV%2F-LmPV__YJ6DMoi3hyKqo%2F-LmPaS4tX0yaqzYR6SkR%2Fimage.png?alt=media\&token=89cf9c72-7f9b-4089-9d18-417a9cc19f94)

После того, как иконки выбраны и добавлены, перейти во вкладку "Generate Font/ Генерировать шрифт".&#x20;

Все иконки в типовом дизайне имеют числовое порядковое название, которое при подключении превращается в класс icon-999 .&#x20;

Для удобства пользования рекомендуется придерживаться данного формата.

Когда иконки выбраны и названия исправлены, нажать на кнопку Download/ Скачать.&#x20;

![](https://2323113550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDkZZ4KLHlNn6g8TQlV%2F-LmPV__YJ6DMoi3hyKqo%2F-LmPc-z-Q0Mnv8nU3yDQ%2Fimage.png?alt=media\&token=f5e4f317-4110-4336-b6ad-c07389f4da53)

Скачанный архив в формате zip необходимо разархивировать.&#x20;

Добавить файлы .eot, .ttf, .wof, .svg в 1С. \
Получить и скопировать ссылку каждого загруженного документа без версии файла.&#x20;

![](https://2323113550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDkZZ4KLHlNn6g8TQlV%2F-LmPV__YJ6DMoi3hyKqo%2F-LmPct8LgOj-0bJeqrtX%2Fimage.png?alt=media\&token=c03ab108-eff8-4134-9f9c-507a708c9463)

![](https://2323113550-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LDkZZ4KLHlNn6g8TQlV%2Fuploads%2Ft9v955Ayk49fD4lCzTlF%2FImage%2027.png?alt=media\&token=f9734f76-334d-47a5-8c99-5b350aae857f)

Далее в файле style.css (в типовом называется svg-icons\_2019-08-16) заменить выделенные пути (на скриншоте ниже) на скопированные ссылки каждого загруженного формата в 1С.&#x20;

![](https://2323113550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDkZZ4KLHlNn6g8TQlV%2F-LmPV__YJ6DMoi3hyKqo%2F-LmPecYbRC2kesNMVnPW%2Fimage.png?alt=media\&token=23dd0e9f-e356-4876-b472-567d901513f8)

Далее загрузить css файл в 1С и подключить в Head'e сайта.&#x20;

## Замена версий файлов на актуальные&#x20;

Для того чтобы загрузить новую версию набора, уже сгенерированных и добавленных в типовой дизайн, иконок необходимо загрузить актуальные файлы в форматах  .eot, .ttf, .wof, .svg  и файл svg-icons\_2019-08-16.&#x20;

Обратите внимание, что нумерация в url файлов должна быть именно такая: ***autoglobalicons-11.eot , autoglobalicons-12.svg , autoglobalicons-13.ttf , autoglobalicons-14.woff*** (т.к. именно с такими url они используются в файле css)