Есть картинка в svg см. пример1
но в chrome и firefox отображается в очень маленьком размере см. пример2
Код, которым встраивал:
.singl_in::after {
content: '';
width: 19px;
height: 24px;
display: block;
border: 1px solid #f00;
background: url('i/icon-svg/icon-singl-in.svg') no-repeat top left;
background-size: contain;
}
<div class="singl_in">Singl in <img width="19" height="24" src="i/icon-svg/icon-singl-in.svg" alt=""></div>
как видно, я вставлял картинку через тег img и через свойство background. Задавал размеры background-size: 19px 24px; не помогло.
Код самого изображения svg:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 252 144" style="enable-background:new 0 0 252 144;" xml:space="preserve">
<g>
<path d="M139.8,82.3l-7.6-3.8c-0.7-0.4-1.2-1.1-1.2-1.9v-2.7c0.2-0.2,0.4-0.5,0.6-0.8c1-1.4,1.8-3,2.4-4.6c1.1-0.5,1.9-1.6,1.9-2.9
v-3.2c0-0.8-0.3-1.5-0.8-2.1V56c0-0.4,0.2-3.1-1.7-5.2c-1.6-1.9-4.3-2.8-7.9-2.8c-3.6,0-6.3,0.9-7.9,2.8c-1.9,2.2-1.7,4.8-1.7,5.2
v4.3c-0.5,0.6-0.8,1.3-0.8,2.1v3.2c0,1,0.4,1.9,1.2,2.5c0.7,2.9,2.3,5.1,2.8,5.8v2.6c0,0.8-0.4,1.5-1.1,1.9l-7.1,3.9
c-2.3,1.3-3.8,3.7-3.8,6.3v2.6c0,3.8,12,4.8,18.4,4.8c6.4,0,18.4-1,18.4-4.8v-2.4C143.8,86,142.3,83.5,139.8,82.3L139.8,82.3z
M139.8,82.3"/>
</g>
</svg>
<div class="block"></div> <img width="150" height="189" src="i/icon-svg/icon-singl-in.svg" alt="">