Смена стандартных иконок Инстант

Встал вопрос. Ну как встал, появился интерес. Поменять все иконки в шаблоне на свои. Вот например иконки:

github.com/codex-team/icons — хороший стиль.

Как лучше и быстрей к этому вопросу подойти или все таки придется каждую иконку прописывать в шаблоне? Кто нибудь менял, опешите в пару слов сам процесс чтоб можно было понять стоит ли вообще это делать или забить. 

Встал вопрос. Ну как встал, появился интерес. Поменять все иконки в шаблоне на свои. Вот например иконки:

github.com/codex-team/icons — хороший стиль.

Как лучше и быстрей к этому вопросу подойти или все таки придется каждую иконку прописывать в шаблоне? Кто нибудь менял, опешите в пару слов сам процесс чтоб можно было понять стоит ли вообще это делать или забить. 

Я менял, там где файл с икноками, solid, regular и тд. Создаёшь файл со своим названием, и по примеру системных наполняешь своими, отрезав лишнее тебе нужна строчка только начало <pathe> ( не помню как правильно ) и такой же закрытый тег и его вставляешь между тем как у примера solid. + Тебе такой же размер нужен как там 24px, иначе не верное отображение будет. Короче геморрой ещё тот, я все иконки через figmu прогонял, размеры, толщину линий и ТД. + В коде надо убирать цвет fill например fill=#000 и присваивать для редактирования класс, fill= colorcull… Не помню как точно пишу по памяти с телефона. ( В системных они стоят ) 

И новая вкладка у тебя появляется в админке со своими иконками 

 pupsik, есть же вашем наборе svg — github.com/codex-team/icons/tree/master/dist/icons

Пропишите код каждой в набор в файле templates/modern/images/icons/my-icons.svg, например так:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="IconAddBackground" viewBox="0 0 24 24">
    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 19V19C9.13623 19 8.20435 19 7.46927 18.6955C6.48915 18.2895 5.71046 17.5108 5.30448 16.5307C5 15.7956 5 14.8638 5 13V12C5 9.19108 5 7.78661 5.67412 6.77772C5.96596 6.34096 6.34096 5.96596 6.77772 5.67412C7.78661 5 9.19108 5 12 5H13.5C14.8956 5 15.5933 5 16.1611 5.17224C17.4395 5.56004 18.44 6.56046 18.8278 7.83886C19 8.40666 19 9.10444 19 10.5V10.5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 13V16M16 19V16M19 16H16M16 16H13"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.5 17.5L17.5 6.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.9919 10.5H19.0015"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.9919 19H11.0015"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13L13 5"/>
  </symbol>
<symbol id="IconAddBorder" viewBox="0 0 24 24">
    код иконки...
  </symbol>
</svg>

Первую иконку я ктсати взял из того набора, котоырый вы хотите. Вот и все — должно работать.

 pupsik, или вот вариант от сохи. Открываете DevTools, выделяете иконку, смотрите url. Например, raw.githubusercontent.com/codex-team/icons/ff863cd65d19613ec0b445815edf61faf1b99259/dist/icons/IconAlignCenter.svg

Да. Ну тут все понятно. Как свои иконки добавлять тоже. Видно как не смотри придется ручками, каждую. Сначала свой пак создать, потом в шаблоне путем замены менять solid на свой.

На геморой похоже...

Просто хотел увидеть маштаб работы. И как то перехотелось. Каждую иконку писать. Их конечно не много. Можно конечно, не спеша. 

Но вот в том наборе не все нужные иконки есть. Самому рисовать не вариант. 

Спасибо за советы. 

 pupsik, так правьте сразу solid, не меняя id у symbol, а только его содержимое. Иконки добавляются редко, но даже если добавятся, смерджить не составит большой проблемы.

так правьте сразу solid, не меняя id у symbol

Да, наверно так будет проще. Надо найти теперь подходящий pack, чтоб иконки коментарий были, закладки и т.д. Но в стиле codex. 

svgicons.com/ — надо вот тут по вкусу выбрать тему.

svgicons.com/icon-set/gravity-ui-svg-icons — Прилично смотрится. Глаз радует и не грубо.

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