Come sostituire un'icona SVG esistente con una personalizzata?

Ok, ho provato alcune cose per crearne uno mio. Purtroppo, il link per vedere un esempio di come dovrebbe essere formattato il file SVG Sprites nel post originale mostra solo una pagina vuota e non si carica. Quindi ho proceduto a tentativi. Ho creato entrambi gli SVG in Illustrator, li ho esportati e poi li ho aperti su Chrome per fare “Ispeziona elemento” e ottenere le informazioni sui percorsi.

Sono su Mac, quindi ho aperto TextEdit e incollato lì le informazioni che penso dovrebbero essere nel file Sprite. Poi ho cambiato l’estensione in .svg. L’ho caricato sul tema e ho aggiunto il codice JS nell’Header.

Ancora non sono sicuro che tutto questo sia corretto e sono praticamente certo che non lo sia, dato che quando provo in anteprima il tema del sito, questo si blocca completamente. Ricevo l’errore “Ooops”: “Il software che alimenta questo forum di discussione ha incontrato un problema imprevisto”. Dopo aver rimosso il file SVG Sprite caricato e aspettato un po’, il sito torna a caricarsi correttamente.

Di seguito trovi le informazioni SVG contenute nel file e il codice JSON.

Grazie!

Ecco il file Sprite su Google Drive, se qualcuno volesse dare un’occhiata - Drive

E il codice -

2 Mi Piace