Icon css Verlauf

Hallo,

auch wenn einige vielleicht schmunzeln mögen, aber ist es eventuell möglich einen verlauf mittels css bzw. htmlfarbcode zu generieren ?
anbei ein screenshot worum es sich handelt.

ich habe folgenden csscode um das icon zu färben.

//Theke
[data-board-id="6"] > .wbbBoard > .icon-folder-close-alt:before {
    content: "\f0fc"; 
    font-family: FontAwesome;
    color: #313132;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 10px;
}

jetzt möchten wir dieses icon zu 2/3 in gelb und 1/3 in weiss anzeigen lassen...das typische bier

ist das rgendwie möglich? :wacko:

ich weiss das ich auch ein image nutzen kann, dies ist aber nicht die frage...

vielen dank, der tipp war goldwert

//Theke
[data-board-id="6"] > .wbbBoard > .icon-folder-close-alt:before {
    content: "\f0fc"; 
    font-family: FontAwesome;
    color: white;
    background: -webkit-linear-gradient(white, orange);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;   
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 10px;
}

nur schade das es halt in ff oder ie nicht klappt, chrome habe ich mir zum testen mal geladen, gefällt mir aber nicht so...

war die frage doch nicht so :wacko: