Почему в стилях svg не центруется?

Question

[WebforSelf]

Сделал спрайт svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="29" height="20" id="arrow_right_subscribe" viewBox="0 0 29 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 10L27.6667 10" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 1L28 10L19 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</svg>

background:#B48924 url(svg/sprite.svg#arrow_right_subscribe) center center;

Comments

[Ankhena]

Похоже, что чего-то вы не договариваете, потому что при таких стилях стрелка должны бы повторяться.
Так что имеет смысл сделать песочницу с воспроизводимой проблемой.

[WebforSelf]

Ankhena,

Вот набросал примерно

[Ankhena]

WebforSelf, bg size добавьте, всё будет хорошо

[WebforSelf]

Ankhena, странно, а можете подсказать почему так ведет себя?

[Ankhena]

WebforSelf, нет, точно не могу. Видимо, браузер не умеет получать размер нужного "кусочка"

[Максим]

WebforSelf, https://codepen.io/topicstarter/pen/poNMEdQ проверь

[WebforSelf]

Максим Ленский, Вариант не плохой, но стараюсь чтоб было минимум js

[Максим]

WebforSelf, при чём js ? я иконку вставил через js - можешь вставить через html,csss