Change svg image color to be gradient
<p>change this color <a href="https://i.stack.imgur.com/t6ynj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t6ynj.jpg" alt="enter image description here"></a> --> to this <a href="https://i.stack.imgur.com/M2sE9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M2sE9.png" alt="enter image description here"></a></p>

<p>I have to change the color of circle to be gradient </p>

<pre><code>&lt;div class="loader loader--style3" title="2"&gt;
  &lt;svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="80px" height="80px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"&gt;
  &lt;path fill="#070e1a" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"&gt;
    &lt;animateTransform attributeType="xml"
      attributeName="transform"
      type="rotate"
      from="0 25 25"
      to="360 25 25"
      dur="0.6s"
      repeatCount="indefinite"/&gt;
    &lt;/path&gt;
  &lt;/svg&gt;
&lt;/div&gt;
</code></pre>