Key changes:
<ol>
<li>if icon doesn't have &lt;rect&gt; elements:
<ol>
<li>Remove <code>fill="none"</code> from the <code>&lt;svg&gt;</code> tag.
 Add <code>fill="currentColor"</code> to the <code>&lt;svg&gt;</code> tag.
</li>
</ol>
</li>
<li>Remove the <code>fill</code> and <code>fill-opacity</code> attributes from <code>&lt;path&gt;</code> elements.
</li>
</ol>
if I icon has &lt;rect&gt; elements:
Replace <code>stroke="#..."</code> with <code>stroke="currentColor"</code> in both the <code>&lt;path&gt;</code> and <code>&lt;rect&gt;</code> elements.

Key changes:

1. if icon doesn't have &lt;rect&gt; elements:
 
 1. Remove `fill="none"` from the `<svg>` tag.
 
 Add `fill="currentColor"` to the `<svg>` tag.
 
2. Remove the `fill` and `fill-opacity` attributes from `<path>` elements.
 

if I icon has &lt;rect&gt; elements:

Replace `stroke="#..."` with `stroke="currentColor"` in both the `<path>` and `<rect>` elements.

Make SVG component take color from css