Сейчас мы продолжаем использовать font-awesome, и кое где потихоньку вводим новые SVG-спрайты Tabler icons, в будущем мы наверняка еще и нарисуем свои. Проблема в том, что мы не очень понимаем как их подключать.

• <img src={{ icon(spriteName.svg) }}> - включая как фал картинки как делаем сейчас, но этот способ не позволяет их стилизовать. например перекрасить для темного фона
• <svg ...><path ...<M0> ... </svg> - напрямую включая на страницу. Так делает Tabler везде в документации
• <svg width="24" height="24"><use xlink:href="path/to/tabler-sprite.svg#tabler-activity" /></svg> - еще один способ из документации, еще не пробовали

При продумывании способа надо учесть, как их сохранять в project.icon, как передавать в ViewModel, например MenuItem.icon

Соответственно этому надо переделать ImageExtension->icon()