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

[Anonymous]

При попытке вставить SVG на мою страницу из листа спрайтов встроенный SVG не помещается в центр даже после применения свойств для его центрирования. Меня все еще немного смущает этот способ встраивания SVG и роль, которую играют окно просмотра и окно просмотра.
// 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