¿Cómo reemplazar un ícono SVG existente por uno personalizado?

Ok, así que he probado algunas cosas para crear el mío propio. Desafortunadamente, el enlace para ver un ejemplo de cómo debe estar formateado el archivo de SVG Sprites en el OP es solo una página en blanco, no carga. Así que improvisé. Creé ambos SVGs en Illustrator, los exporté y luego los lancé en Chrome para ‘Inspeccionar elemento’ y obtener la información del archivo Path.

Estoy en un Mac, así que abrí TextEdit y copié la información allí que creo que debería estar en el archivo Sprite. Luego cambié la extensión a svg. Lo subí al tema y agregué el código JS en el Encabezado.

De nuevo, no estoy seguro de si algo de esto es correcto y estoy bastante seguro de que no lo es, ya que cuando previsualizo el tema del sitio, este se bloquea completamente. Recibo el error Ooops: “El software que impulsa este foro de discusión encontró un problema inesperado”. Después de eliminar los iconos-Sprite svg que se subieron y esperar un momento, el sitio vuelve a cargar correctamente.

A continuación está la información svg en el archivo y el código json.

¡Gracias!

Aquí está el archivo Sprite en Google Drive si alguien quiere echar un vistazo - Drive

Y el código -

2 Me gusta