Ich versuche CSS zu verwenden, um die Farben einer .svg-Datei zu steuern. Ich benutze ein HTML, um das SVG aufzurufen. Die Farben auf meiner Seite werden von .php gesteuert (alles andere ist in. Ich bin mir sicher, dass ich einen Schritt verpassen muss, da ich nicht in der Lage bin, die Farb-PHP-Seite zum Steuern der Svg zu bekommen.

<div class="headerPhoto">
    <img src="images/icon.svg">       
</div>

<rect class="iconRect" x="-7.7" y="-6.37" width="234.25" height="233.795" />
    <g>
        <path d="M119.575,125.577l-22.755,44.607l-71.538,-0.213l58.744,-115.155l35.549,70.761ZM46.732,156.877l42.041,0.125l16.054,-31.47l-20.891,-41.585l-37.204,72.93Z" style="fill:#383b40;"/>
        <path d="M199.718,169.971l-71.538,0.213l-22.755,-44.607l35.549,-70.761l58.744,115.155ZM120.173,125.532l16.054,31.47l42.041,-0.125l-37.204,-72.93l-20.891,41.585Z"/>
    </g>

    <path d="M240.789,48.355c0,-35.402 -28.742,-64.144 -64.144,-64.144l-128.29,0c-35.402,0 -64.144,28.742 -64.144,64.144l0,128.29c0,35.402 28.742,64.144 64.144,64.144l128.29,0c35.402,0 64.144,-28.742 64.144,-64.144l0,-128.29Z" style="fill:none;stroke-width:47.37px;stroke:#fff;"/>

<?php 
  header('content-type: text/css;');

  $color1 = $colorDarkGreen;
  $color2 = $colorWhite;
  $color3 = $colorGray;
?>

.iconRect {fill:<?=$color2?>;}

Ich kann die Stilwerte in der .svg-Datei direkt ändern, aber die externen Stylesheets funktionieren nicht.

Ich bin nicht sicher, was ich vermisse, jede Hilfe wäre toll!