Установить высоту SVG на высоту строки? ⇐ CSS

[Anonymous]

Я хочу включить свое SVG-изображение в виде значка рядом с заголовком:

Код: Выделить всё

[img]icon-sell.svg[/img]
 Verkaufen

Размер шрифта h1 составляет 36 пикселей, а высота строки — 1,1.

С помощью инструмента «Инспектор» я обнаружил, что вычисленная высота шрифта равна 42,3 пикселя. Если я установлю высоту SVG равной 42.px, они не будут совпадать:




Я также считаю, что использовать инструмент инспектора немного грязно, потому что для разных уровней масштабирования высота немного изменилась, и я хотел использовать svg, чтобы убедиться, что оно правильно помещается на каждом экране.

Есть какие-нибудь советы, как изображение svg может автоматически получить высоту шрифта и совпадать с ним?

Вот фрагмент:

Код: Выделить всё

.icon{
height: 43.75px;
}

h1{
font-size:36px;
line-height:1;
}

Код: Выделить всё

[img]https://upload.wikimedia.org/wikipedia/commons/f/f7/Bananas.svg[/img]
Headline

Подробнее здесь: https://stackoverflow.com/questions/551 ... ine-height