Имеется svg звезда для отображения рейтинга, и нужно повторить его горизонтально несколько раз.
И чтобы можно было регулировать отступы между звёздами с помощью css.
Как можно скопировать в горизонтальную линию svg с определёнными отступами?
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<style type="text/css">
.st0{fill:#ffff00;}
</style>
<path class="st0" d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"/>
</svg>
path
чтобы можно было скопировать тег path
и поставить нужный отступ?Возможно нужно будет применять другой svg, можете подсказать, как можно копировать svg горизонтально в ряд?