title: SVG image on Hover
body: <p>I have an SVG image for A project that I am working on. Now I want to change the color on hover. I have the middle working on Hover. my issue is how can I also Hover the outline line.</p>
  
  <pre><code>&lt;svg width="108" height="108" viewBox="0 0 108 108" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"&gt;&lt;circle cx="54" cy="54" r="53" stroke="#1B1D27" stroke-width="2"/&gt;&lt;path id="hover-style-svg"d="M30 60L54.1228 48L78.5 60" stroke="#1B1D27" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/&gt;&lt;/svg&gt;
  </code></pre>