Vedo che qualsiasi icona con un gradiente che inserisco non funziona, Discourse non lo accetta?
Se non lo accetta, c’è un modo per mettere un gradiente attorno alle icone tramite CSS?
2 Mi Piace
Ho le stesse domande, qualcuno ha qualche idea al riguardo?
Se il formato SVG supporta le sfumature, consideralo un bug. Probabilmente è meglio segnalarlo come richiesta di funzionalità nel repository git.
Un SVG come un logo dovrebbe funzionare bene.
Per quanto ne so, le sfumature delle icone SVG vengono sovrascritte quando il loro colore è impostato dal CSS?
Ho visto che ci sono due modi, tramite CSS e tramite il codice del file SVG, ma ogni volta che uso uno o l’altro non funziona, il file non cambia!
Conosci un modo per usare la sfumatura sulle icone?
I gradient CSS non funzionano con le icone SVG, credo che il gradiente debba essere applicato direttamente al file SVG
Puoi usare questo trucco per creare una sfumatura sulle icone SVG:
Crei una SVG invisibile dove definisci tutte le tue sfumature associate a un id (ad esempio: \u003clinearGradient id=\"my_id\"...)
Poi, nel tuo CSS, selezioni le icone SVG e usi fill: url(#my-id)
Non sono sicuro di quanto sia brutto, ma funziona. 
1 Mi Piace