Проблема с некорректным отображением иконки на разных платформах может быть связана с несколькими факторами:
1. **Поддержка градиентов**: Разные платформы и браузеры могут по-разному обрабатывать SVG-изображения и градиенты. Убедитесь, что вы используете стандартные форматы градиентов, поддерживаемые всеми целевыми платформами. Например, некоторые версии iOS могут не поддерживать сложные градиенты или определённые атрибуты.
2. **CSS-свойства**: Если иконка определена с помощью CSS, убедитесь, что используются правильные свойства. Некоторые свойства могут не поддерживаться на мобильных платформах так, как вы ожидаете.
3. **Атрибуты SVG**: Проверьте, корректно ли заданы атрибуты самого SVG-изображения: `fill`, `stroke`, и т.д. Иногда градиенты могут не отображаться, если они неправильно определены или если отсутствуют необходимые ссылки.
4. **Кэш браузера**: Попробуйте очистить кэш браузера на мобильных устройствах, так как устаревшие кэшированные версии файлов могут вызывать проблемы с отображением.
5. **Масштабируемость**: Убедитесь, что иконка имеет правильные размеры и не выходит за пределы области отображения, что может вызывать ее отсутствие или неправильное отображение.
6. **Кроссбраузерная совместимость**: Используйте инструменты, такие как Can I use, для проверки совместимости используемых свойств и элементов графики с различными мобильными браузерами.
7. **Проблемы с форматом**: Если вы используете нестандартные шрифты или форматы, возможно, они не поддерживаются на некоторых устройствах. Попробуйте использовать базовые форматы и более универсальные решения для иконок (например, Font Awesome).
Если вы предоставите более детальную информацию о вашем коде, то можно будет предложить более точные решения.