Один значок не отображается в Chrome при использовании встроенного SVG - PullRequest
Новая
       41

Один значок не отображается в Chrome при использовании встроенного SVG

0 голосов
/ 16 декабря 2018

Я использую встроенный SVG, как это

<use xlink:href=""></use>

, но по какой-то причине один конкретный значок не отображается в Chrome (но он отображается в Firefox и ios Safari), другие значкивидны в Chrome.

Вот сама иконка (она экспортируется из icomoon)

<symbol id="icon-phone" viewBox="0 0 32 32"> <title>phone</title> <path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"></path> </symbol>

Я также пытался использовать только href вместо xlink: href , но это тоже не сработало.

1 Ответ

0 голосов
/ 16 декабря 2018 
<symbol id="icon-phone" viewBox="0 0 32 32">

и 

</symbol>

упаковщик и замените его на 

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">

и 

</svg>
...