У нас именно такой случай. На данный момент простая структура папок наподобие icons/generic/colored[/outlined]/star и там уже сидят svg иконки с их .tsx(.jsx) файлами которые экспортируют данную иконку в виде jsx модуля. И ещё есть компонент, который принимает lib, theme, name пропсы и динамично загружает данную иконку (в случае если надо использовать всю папку иконок для загрузки той или иной секции). Однако рассматриваем вариант переместить их на отдельный хост и загружать через img по path. Плюсы: кеширование на уровне браузера, меньше нагрузки на проект, возможноть loading="lazy" из под ящика для загрузки иконок (загружать иконку только в том случае если в viewport-е) и возможность загружать разные icon pack-и для разных партнеров.
Практика показала, что такие иконки мы не модифицируем касаясь атрибутов svg.
П.С.
простите за англоязычные термины, я за рубежом и не очень знаком с аналогичными переводами
У нас именно такой случай. На данный момент простая структура папок наподобие icons/generic/colored[/outlined]/star и там уже сидят svg иконки с их .tsx(.jsx) файлами которые экспортируют данную иконку в виде jsx модуля. И ещё есть компонент, который принимает lib, theme, name пропсы и динамично загружает данную иконку (в случае если надо использовать всю папку иконок для загрузки той или иной секции). Однако рассматриваем вариант переместить их на отдельный хост и загружать через img по path. Плюсы: кеширование на уровне браузера, меньше нагрузки на проект, возможноть loading="lazy" из под ящика для загрузки иконок (загружать иконку только в том случае если в viewport-е) и возможность загружать разные icon pack-и для разных партнеров.
Практика показала, что такие иконки мы не модифицируем касаясь атрибутов svg.
П.С.
простите за англоязычные термины, я за рубежом и не очень знаком с аналогичными переводами