Mehrfarbig oben, einfarbig mit Farbwechsel per CSS unten. Für Internet Explorer wird ein Polyfill eingebunden, welches auch für diese die externe SVG-Einbindung ermöglicht, allerdings wird dabei keine Mehrfarbigkeit (wie in den anderen Browsern) unterstützt.
Icon-Farben aus path Füllfarben für externes SVG
Dieses Beispiel zeigt die Icons in den Farben, die den einzelnen Pfaden im SVG mittels fill-Attribut zugeordnet wurden. Die Farben per CSS aus einem Stylesheet zu überschreiben ist hier nicht browserübergreifend möglich. (Aktuell geht das nur im Firefox.)
Icon-Farben ohne path Füllfarben für externes SVG
Die Farbe kann für svg per CSS im Stylesheet festgelegt werden, wenn die Pfade und Formen im SVG keine eigenen Fill-Farbwerte haben.