Не удалось центрировать SVG с помощью Flex ⇐ Html

[Anonymous]

При попытке вставить SVG на мою страницу с листа спрайта, встроенный SVG не помещается в центр даже после того, как свойства к центру его применяются. Я все еще немного смущен этим способом взимать SVG и роль, которую играют как ViewPort и ViewBox .
// HTML



// CSS
.card__icon {
width:4rem;
height:4rem;
display:flex;
justify-content:center;
align-items:center;
}
// Sprite sheet



.sprite {
display: none;
}

.sprite:target {
display: inline;
}








Подробнее здесь: https://stackoverflow.com/questions/718 ... -with-flex