Como substituir um ícone SVG existente por um personalizado?

Ok, então tentei algumas coisas para criar o meu próprio. Infelizmente, o link para ver um exemplo de como o arquivo SVG Sprites deve ser formatado no OP é apenas uma página em branco, não carrega. Então, eu improvisar. Criei ambos os meus SVGs no Illustrator, exportei e depois os joguei no Chrome para “Inspeccionar elemento” e obter as informações do arquivo Path.

Estou usando um Mac, então abri o TextEdit e copie as informações que acredito que deveriam estar no arquivo Sprite. Em seguida, alterei a extensão para .svg. Carreguei no tema e adicionei o código JS no Cabeçalho.

Novamente, não tenho certeza se algo disso está correto e tenho quase certeza de que não está, já que, ao visualizar o tema do site, ele trava completamente. Recebo o erro “Ooops - O software que alimenta este fórum de discussões encontrou um problema inesperado.” Após remover o arquivo SVG dos ícones que foi carregado e aguardar um pouco, o site carrega corretamente novamente.

Abaixo estão as informações do SVG no arquivo e o código JSON.

Obrigado!

Aqui está o arquivo Sprite no Google Drive, caso alguém queira dar uma olhada - Drive

E o código -

2 curtidas