Центрирование inline svg?

Question

[desuvin]

Вставляю svg следующим образом

<div class="icon"><svg><use xlink:href='images/icons.svg#icon'></use></svg></div>

Для .icon делаю размер width: 40px; height: 40px; Как теперь добиться, чтобы svg был по центру данного дива? Если это невозможно, то каким другим способом можно решить проблему?

Answer 1

[Александр Петров]

Диву:
text-align: center;

Answer 2

[Роман Романович]

используй абсолютное позиционирование

.icon{
	position: relative;
	width: 40px;
	height: 40px;
	text-align: center;
}

.icon svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: inline-block;
	width: 25px;
	height: 25px;
}