Использую систему предложенную документацией VueJS:
https://vuejs.org/v2/cookbook/editable-svg-icons.html
В ней для базовой иконки задается viewbox, равный 0 0 100 100, и судя по всему это значение больше не меняется. Но когда я экспортирую иконки из скетча, возможны разные значения этого viewbox. И получается, что, когда используешь иконку, то код будет выглядеть так:
<icon-base
width="12"
height="12"
viewbox="0 0 40 40" <---- вот это значение будет везде разным
icon-name="write"
><icon-write /></icon-base>
Соотвественно если я правильно понял, то подход должен быть такой:
1. В скетче создается система иконок, каждая иконка имеет фиксированный размер (например 24х24). Viewbox для нее будет равен 0 0 24 24
2. Во VueJS в базовом компоненте указываем этот viewbox, с возможность его перезаписать
3. В случае если иконка не стандартная, например не квадратная, то для таких иконок прописываем свой viewbox?
