title: Icon animation not showing?
body: <p>well i have a SVG icon that i made using Photoshop and i do have the code but when i put it in my navbar using this Bootstrap template (<a href="https://getbootstrap.com/docs/5.1/examples/product/#" rel="nofollow noreferrer">https://getbootstrap.com/docs/5.1/examples/product/#</a>)
  the icon don't glow or have the same properties how can i solve this?</p>
  <p>My SVG icon</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg xmlns="http://www.w3.org/2000/svg"
   width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
   preserveAspectRatio="xMidYMid meet"&gt;
  &lt;g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
  fill="#000000" stroke="none"&gt;
  &lt;path d="M1465 9480 c-500 -106 -877 -501 -954 -1000 -9 -56 -11 -942 -9
  -3525 l3 -3450 26 -96 c123 -444 434 -755 878 -878 l96 -26 3495 0 3495 0 96
  26 c465 129 795 477 889 938 20 98 20 130 20 3531 0 3401 0 3433 -20 3531 -94
  461 -424 809 -889 938 l-96 26 -3470 2 c-3372 2 -3473 1 -3560 -17z m3740
  -2030 c706 -81 1213 -495 1375 -1123 44 -170 54 -255 54 -452 0 -138 -4 -200
  -18 -265 -97 -447 -410 -832 -863 -1063 -96 -49 -103 -54 -103 -82 0 -23 142
  -233 645 -950 526 -752 644 -926 645 -952 l0 -33 -619 0 -619 0 -623 890 -623
  890 -148 0 -148 0 0 -890 0 -890 -540 0 -540 0 0 2465 0 2465 1018 0 c630 0
  1051 -4 1107 -10z"/&gt;
  &lt;path d="M4160 5885 l0 -587 453 5 c504 5 521 7 651 75 128 67 229 191 272
  337 22 74 25 245 5 325 -23 96 -80 200 -146 265 -72 71 -136 108 -242 137 -73
  20 -106 22 -535 26 l-458 4 0 -587z"/&gt;
  &lt;/g&gt;
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>The SVG icon of the navbar mentioned:</p>
  <pre><code>&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;24&quot; height=&quot;24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; stroke-width=&quot;2&quot; class=&quot;d-block mx-auto&quot; role=&quot;img&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;title&gt;Product&lt;/title&gt;&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;10&quot;/&gt;&lt;path d=&quot;M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94&quot;/&gt;&lt;/svg&gt;
  </code></pre>