Почему это в случае с файлом работать не будет? Будет спокойно через #use ссылкой на внешний файл в Chrome, Opera, Firefox, Safari и с недавних пор в Edge.
С полифилом будет работать во всех современных и не очень браузерах (ссылка на внешний файл).
И все CSS-свойства будут работать тоже со вставленным таким образом SVG.
Не надо ничего никуда встраивать, это не кешируется тогда.
iminby, макет — полное говно. Так ещё и сделанный хрен пойми как. Вообще без понимания человек делал. Пусть переделывает нормально. Размер должен быть 1:1 к планируемому. Тут нет никакой Retina (x2), потому что экранов с разрешением 2132px (половина от исходных 4264px) не существует в природе. Какой, блин, вообще экран «дизайнер» имел в виду — хрен поймёшь.
Наверное, он не знает, что самое популярное разрешение у десктопов — 1360px. Как максимум, за стандартное разрешение можно взять 1920px, но не больше, потому что все что больше — это не самые распространённые на рынке экраны.
Если он будет говорить, что есть экраны с высоким разе, то, скажите ему, что размер viewport'a не всегда равен разрешению экрана. Так, на моем Macbook с 2880x1800px физического разрешения экрана в браузере стандартное масштабирование системы делает его ~1900px.
Если подгонять макет к 1360px, то все шрифты становятся мелкими и с дробными значениями а-ля 10,94px, т. е. брак изначально. Макет должен быть 1:1. Двойные и другие разрешения (а-ля X2 или X4) — это уже на экспорте надо делать, а не в исходнике. Макет технически неверный. Остальное я даже не изучал.
Ну ещё про полифил svg4everybody не забудьте, если нужна поддержка старых браузеров.