Почему Svg иконки не работают на других устройствах?

Question

[kirillxeni]

svg иконки загруженные на лендинг не отображаюстся на других устройствах, кроме пк на котором сделана верстка.
пк:
ios:

Comments

[Danny Arty]

А в svg случайно не добавляется растровое изображение с помощью <image>?

[kirillxeni]

вы это имеете в виду?

[Антон Литвиненко]

как добавлены? как дела с путями?

[kirillxeni]

Антон Литвиненко, выше скрин

[Антон Литвиненко]

kirillxeni, пути вроде норм.

[kirillxeni]

Антон Литвиненко, с моего компа все ок работает, а если смотреть с мобилы или попрошу знакомых проверить то не отображается никакая иконка

[Newto]

А ссылочку можете скинуть?

[kirillxeni]

popovmotion.zzz.com.ua

[Newto]

kirillxeni, на какой там странице эти картинки? не вижу на главной их кода

[kirillxeni]

Newto, страница всего одна

[Антон Литвиненко]

kirillxeni, эти ваши забавные иконки используют fontAwesome, он подключен?

[Mly]

kirillxeni, У меня тоже не отображается. :(

[Newto]

kirillxeni, Не совсем. После перехода по вашей ссылке показывается вот эта страница, где написано "вы попали на сайт, размещенный на zzz.com.ua нажмите ниже, что бы продолжить". Ниже кнопка "перейти на страницу". Скрин не загружается, показал бы. И уже только после нажатия на кнопку отображается страница с этими картинками. У меня их тоже нет. Отображение с ПК такое же, как у ваших знакомых с IOS.

[RAX7]

kirillxeni, это самый бесполезный способ использования векторных иконок. Если хочется использовать иконочный шрифт (FontAwesome), то нет смысла заворачивать текст в svg. Если хочется использовать svg, для того чтобы не грузить весь шрифт, то есть смысл разобрать шрифт до кривых например в фигме. Но если действительно нужны сторонние шрифты внутри svg, то нужно их подключать отдельно в каждом файле https://vecta.io/blog/how-to-use-fonts-in-svg#usin...

[Mly]

kirillxeni, А с i class="icon.png" попробавали?

Answer 1

[Danny Arty]

Дык у вас же иконки - это шрифт FontAwesome.
Ну такое себе имхо решение - оборачивать шрифт в svg.