I looked closely at your svg image code and the problem was caused by styles. I've changed them to the inline styles and it seems to work well.
Code: Select all
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.83 28.83">
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<circle cx="14.41" cy="14.41" r="14.41" fill="#616160"/>
<path d="M24.61,4.22A14.42,14.42,0,0,1,4.22,24.61" fill="#999" opacity= "0.46"/>
<path d="M21.83,22.57a.44.44,0,0,1-.45.41H9.08a.43.43,0,0,1-.45-.41V6.14a.43.43,0,0,1,.45-.41h12.3a.44.44,0,0,1,.45.41Z" fill="#fff"/>
<rect x="10.38" y="9.18" width="9.3" height="1.49" fill="#c8cbcf"/>
<rect x="10.38" y="12.03" width="6.14" height="1.49" fill="#c8cbcf"/>
<rect x="10.38" y="14.81" width="10.33" height="1.49" fill="#c8cbcf"/>
<rect x="10.38" y="17.74" width="6.14" height="1.49" fill="#c8cbcf" />
<path d="M15.23,10.72a3.64,3.64,0,1,0,3.66,3.63A3.64,3.64,0,0,0,15.23,10.72Zm2.11,2.69L14.7,16a.11.11,0,0,1-.17,0l-1.41-1.4a.12.12,0,0,1,0-.17l.56-.55a.12.12,0,0,1,.17,0l.68.67a.11.11,0,0,0,.17,0l1.9-1.88a.11.11,0,0,1,.17,0l.57.55A.14.14,0,0,1,17.34,13.41Z" fill="#616160"/>
<path d="M17.34,13.41,14.7,16a.11.11,0,0,1-.17,0l-1.41-1.4a.12.12,0,0,1,0-.17l.56-.56a.14.14,0,0,1,.17,0l.68.68a.11.11,0,0,0,.17,0l1.9-1.88a.11.11,0,0,1,.17,0l.57.55A.14.14,0,0,1,17.34,13.41Z" fill="#f3f6f7"/></g></g></svg>