SVG object-position не работает?

Question

[Ланселот]

Здравствуйте. А не подскажите, как можно выровнять изображение svg изображение по левому краю?

object-position: left; не работает. Хотя на растровых изображение все ок.

<img class="catalog-sort__list-item-img" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/fragment-ready-1.svg#icon-clock-view" alt="" />

<svg class="catalog-sort__list-item-img" viewBox="0 0 16 12"><path d="M0 0h16v1.5H0zm0 5h13v1.5H0zm0 5h10v1.5H0z"></path></svg>

.catalog-sort__list-item-img {
  width: 100px;
  height: 32px;
  border: 1px solid #999;
  object-position: left;
}

Спасибо.

Answer 1

[Александр]

Работает в связке с object-fit. Ну и возможно, делает совсем не то, что Вам нужно.

Comments

[Ланселот]

Спасибо. Для svg елемента не работает.

[Александр]

Ланселот, для SVG ответ ниже.

Answer 2

[tyoma_koder]

https://developer.mozilla.org/en-US/docs/Web/SVG/A...