インラインSVGの色を変更

svgのコードを直接html内に埋め込む

<div class="tab-arrow">
<svg class="arrow-down" data-name="arrow-down" xmlns="http://www.w3.org/2000/svg" width="18.15" height="9.63" viewBox="0 0 18.15 9.63"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;}</style></defs><polyline class="cls-1" points="17.8 0.36 9.08 8.93 0.35 0.36"/></svg></div>

この場合はstyleで色を指定している。以下の部分。

<style>.cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;}</style>

クラスcls-1をcss内で変更する。