Алексей Тен на своём сайте опубликовал интересную технику подмены SVG изображения на растровый вариант для браузеров, без поддержки SVG.
<svg width="96" height="96">
<image xlink:href="svg.svg" src="svg.png" width="96" height="96"/>
</svg>
Прелесть метода заключается в том, что браузер загружает только одно изображение, которое он реально может показать. В своей статье Алексея подробно объясняется принцип работы.
Замечу лишь, что деградация слегка агрессивная по отношению с старым версиям Safari (включая iOS), Opera Mobile и Opera Mini. Эти браузеры не распознают inline SVG, но прекрасно отображают SVG в виде внешнего файла, подключаемого через тег <img>
.
PS: Крис Койер в свой статье сообщает, что в IE 9, 10 и 11 всё же есть дополнительный запрос альтернативной картинки, а так же приводит ещё несколько техник.