Почему не отображается SVG в Safari?

Здравствуйте, помогите решить проблему.
<a href="#" alt="">
  <img src="../../assets/img/social__icon.svg" alt="">
</a>

Во всех браузерах отображается иконка, кроме SAFARI.

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M28.3,2.3v22.9c0,2.1-1.6,3.8-3.5,3.8h-20c-2,0-3.5-1.7-3.5-3.8V4.8C1.3,2.7,2.8,1,4.8,1h20.3
	c3,0,3.8,2.8,3.8,2.7c0-3.5-3.5-3.3-3.8-3.3H4.8c-2.3,0-4.2,2-4.2,4.4v20.4c0.1,2.4,1.9,4.3,4.2,4.3h19.9c2.3,0,4.2-2,4.2-4.4V3.7"
	/>
<path class="st0" d="M14.8,20.8c3.2,0,5.8-2.6,5.8-5.8S18,9.2,14.8,9.2S9,11.8,9,15C9.1,18.2,11.6,20.8,14.8,20.8z M14.8,9.9
	c2.8,0,5.2,2.3,5.2,5.2c0,2.8-2.3,5.2-5.2,5.2S9.7,17.9,9.7,15C9.7,12.2,12,9.9,14.8,9.9z"/>
<path class="st0" d="M6.9,12.4H3.5v0.3c0,0.1,0,11.7,0,12.3c0,0.7,0.7,1,1.1,1.1h20.3c0.8,0,1.1-0.7,1.1-1.1V12.3h-3.3l0.1,0.4
	c1,4.3-1.6,7.5-1.7,7.6c-2.1,2.8-6.1,3-6.1,3h-0.1c-3.1,0-5.3-1.9-5.3-2c-4.1-3.4-2.7-8.4-2.7-8.5L6.9,12.4z M9.1,21.8
	c0.1,0.1,2.4,2.1,5.7,2.1h0.1c0.2,0,4.3-0.2,6.6-3.1c0.1-0.1,2.8-3.3,1.9-7.8h1.9v12c0,0.1-0.1,0.5-0.5,0.5H4.6c0,0-0.5-0.1-0.5-0.5
	c0-0.5,0-6.9,0-10.4V13h2C5.9,14.4,5.4,18.7,9.1,21.8z"/>
<path class="st0" d="M21.1,3.8c-0.8,0-1,0.7-1.1,1.1v3.8c0,0.8,0.7,1,1,1h4c0.6,0,0.8-0.5,0.9-0.8v-4c0-0.7-0.6-1-1-1L21.1,3.8z
	 M25.4,4.8v3.9c0,0.1-0.1,0.3-0.3,0.3h-4c-0.1,0-0.4-0.1-0.4-0.4V4.9c0-0.1,0.1-0.5,0.5-0.5H25C25,4.4,25.4,4.4,25.4,4.8z"/>
</svg>
  • Вопрос задан
  • 406 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы