How to insert svg with css?

Question

css

ни один из вариантов ниже не работает
использую Хром

background: url('../img/svg/header3stars.svg') no-repeat center

background: url('
data:image/svg+xml;utf8,
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="179" height="30" viewBox="0 0 179 30">  
<image id="header3stars.svg" data-name="Векторный смарт-объект.svg" width="179" height="30" xlink:href="data:img/png;base64,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"/>
</svg>
')

Answer 1

none of the options below work
using chrome
background: url('../img/svg/header3stars.svg') no-repeat center
Check Image Path

Answer 2

1. Make sure the path to the image is correct (F12).
2. Make sure the size of the image is correct, as it may have transparent edges and be larger than the block size, and as a result will not be visible.