title: Hide asp:Image SVG elements
body: <p>I have a complex <code>SVG</code>, but for demonstration purpose I will use one which contains only two groups.</p>
  
  <pre><code>&lt;svg id="sv" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg"&gt;
    &lt;g id="gr1" fill="white" stroke="green" stroke-width="5"&gt;
      &lt;circle cx="40" cy="40" r="25" /&gt;
      &lt;circle cx="60" cy="60" r="25" /&gt;
    &lt;/g&gt;
    &lt;g id="gr2" fill="white" stroke="green" stroke-width="5"&gt;
      &lt;circle cx="90" cy="60" r="25" /&gt;
      &lt;circle cx="96" cy="40" r="25" /&gt;
    &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>This SVG is called in an <code>asp:Image</code> like this:</p>
  
  <pre><code>&lt;asp:Image ID="img" runat="server" Visible="true" Style="align-content: center;" ImageUrl="~/Img/circle.svg" /&gt;
  </code></pre>
  
  <p>I know from <a href="https://stackoverflow.com/questions/59262595/hide-svg-element-from-c-sharp#59262788">this question</a> how could I hide an element from my SVG. </p>
  
  <p>My question is how could I hide, for example, gr2  from the svg which is called in the <code>asp:Image</code>?</p>