Согласно этот ответ на соответствующий вопрос , embedded svg изображения должны быть автономными изображениями. Как упоминалось выше в комментариях, можно сделать svg «автономным», вложив в него все внешние активы. Поэтому в моем случае я должен был бы сделать одну из следующих вещей:
src: url("data:application/font-woff;base64,,
Ни один из этих методов не казался удовлетворительным, так как мне очень хотелось, чтобы файлы svg были как можно более легкими.
Другим решением, чтобы обойти всю проблему, является использование html object
вместо тега img
. Таким образом, svg разрешено быть более чем автономным изображением и может использовать весь спектр методов включения xml для включения других активов. Это уже было указано в вышеупомянутом вопросе .
Я решил использовать метод object
для вложения svg. Я обновлю этот ответ, если узнаю, что с этим что-то принципиально неправильно, вместо того, чтобы использовать правильный элемент img
.