Gira el dispositivo para ver correctamente este post.

Mostramos como añadir más iconos sin la necesidad de añadir más sets de SVGs, usando la fuente denominada "vanilla" y con la particularidad de que vamos a poder usarlos de manera global en todo nuestro sitio o solo en aquellas páginas o entradas en las que sea necesario. 
La diferencia entre usarlos de manera global en todo el sitio o solo en aquellas páginas está en que en la primera manera cargaremos los kb de la fuente, en este caso 79Kb de manera innecesaria en aquellas páginas o entradas donde no requiramos el uso de estos iconos.

Para añadir manualmente fuentes personalizadas a WordPress, tendrás que utilizar un cliente FTP como FileZilla o el gestor de archivos del panel de control de tu hosting. Debes subir la fuente a tu cuenta de hosting y editar el archivo CSS de tu tema, pero en el caso de Oxygen ni es necesaria la edición del archivo, pudiendo hacerlo con un gestor de fuentes como los abajo listados, para añadir la fuente de manera global o bien con un Code-Block en la página o entrada para hacerlo de manera específica.

Puedes descargar la fuente Vanilla desde este enlace. 

Después de subir la fuente vanilla a tu sitio tienes que añadir un Code-Block en la parte superior de la estructura del panel y añadir el siguiente código en la sección CSS del Code-Block,  en nuestro caso hemos crado una carpeta denominada fuentes dentro de la carpeta uploads que es a donde hemos subido la fuente, deberás modificar la ruta de la última línea de este código en caso de no coincidir exactamente con la ubicación donde has subido la fuente a tu servidor.

@font-face {
  font-family: 'vanilla';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: auto;
  src: url('/wp-content/uploads/fuentes/vanilla.ttf') format(truetype);
}

Formas de añadir los Iconos. Tabla 1

 Pués se trata como si fuese un texto normal común y corriente, con la salvedad de que tienes que indicarle la fuente en su apartado de CSS, ver primera imagen, pero cada icono tiene su caracter tipográfico correspondiente y cuya tabla de guía te ofrecemos aquí abajo.

Siguiendo la tabla de guía tenemos que a ese icono le corresponde el carácter [ (abrir corchetes, segunda imagen), no tenemos más que escribir ese carácter, indicar en su CSS la familia de fuente que le queremos aplicar "font-family:vanilla;" (primera imagen) y luego tratarlo con la interfaz de Oxygen como si otro cualquier otro texto se tratase(segunda imagen).
Nota.- Haciendo click encima del símbolo se copia directamente al porta-papeles.

Veamos un ejemplo práctico, queremos añadir el siguiente icono: [ 

Formas de añadir los Iconos. Tabla 2

Iconos de difícil introducción con el teclado

Los elementos de la tabla uno sirven para añadir directamente el texto mediante la introducción de caracteres con el teclado, pero hay ciertos iconos cuya representación se va a hacer muy difícil si pretendemos hacerlo de esa manera, por ello, hemos añadido una segunda tabla, en la que haciendo click en el símbolo o en el icono y lo copias directamente para luego pegarlo en el cuadro de texto o en el content del pseudo-elemento, el nombre también puede ser copiado, aunque esto último no tiene a posteriori gran utilidad a no ser que des clases con ese nombre.

Todo lo explicado sirve para aplicar a cualquier tipo de texto, headings, span, pseudo elementos, after, before, etc...

Otras formas de gestionar las fuentes.

• Hacer uso de un plugin.
• Subir la fuente y añadir el código con un plugin de snippets como WpCodeBox , Woody-Add-Snippets o Advanced Scripts 
• Añadir el código en el editor de hojas de estilo de Oxygen, en el menú Oxygen -> StyleSheets Editor.

En el caso de que quieras usarlo de manera global, tienes varias opciones, la forma mas fácil es usar un gestor de fuentes y así ya subir directamente las fuentes desde el mismo plugin.

Gestores de Fuentes.