title: changing color of Angular Map svg marker from typescript
body: <p>I have a project which includes angular google map (agm-map) and I want to use Just ONE svg icon and change color of that icon to visualize different types of markers (different data). My question is how can I change color of svg marker and pass it to html(agm-marker tag ) from typescript, 
  here is what it agm-marker looks like:</p>
  
  <pre><code>&lt;agm-map [latitude]="mapLat" [longitude]="mapLng" [zoom]="mapZoom"&gt;
          &lt;agm-marker-cluster imagePath="imagePath"&gt;
              &lt;agm-marker *ngFor="let m of markers; let i = index"
                          [latitude]="m.lat" [longitude]="m.lng" [label]="m.label" [iconUrl]="m.icon" [title]="m.title"&gt;
              &lt;/agm-marker&gt;
          &lt;/agm-marker-cluster&gt;
  &lt;/agm-map&gt;
  </code></pre>
  
  <p>I am passing markers from a typescript file, as far as I know agm-marker does not have color attribute to change it from html file and from typescript I tried solutions from <a href="https://stackoverflow.com/questions/24413766/how-to-use-svg-markers-in-google-maps-api-v3">How to use SVG markers in Google Maps API v3</a>. I passed svg content plus some modifications and changed color in typescript and passed as iconUrl to html. but it is not showing svg marker, like it is invisible not empty!</p>