Iconos en elementos de menú con fuentes en Drupal 8.

Los iconos en los elementos de menú es algo que muchos usuarios piden, es una forma rápida de identificar elementos.

El caso es que en Drupal 8 existen varias formas de hacerlo, pero ninguna de ellas se adaptaba a la solución que habíamos propuesto:

<li><a href="#"><i class="icon-sphere"></i> <span> SIG </span></a></li>

Para realizar esto lo he resuelto de la siguiente manera, la cual de todas las que he buscado es la que me ha parecido más limpia sin necesidad de desarrollar un módulo completo.

Con el módulo menu_link_attributes he añadido un nuevo elemento al tag <a> llamado data-icon, esta configuración genera en el formulario de elementos de menú un nuevo campo de texto plano (textfield) para añadir las clases que necesitamos.
Una vez añadido los valores en los elementos de menú, simplemente usar el preprocesamiento de los menús para iterar los elementos de menú, y en los que corresponda re-escribir el literal del enlace:

Recordad que usamos fuentes para pintar los iconos, así que la magia que falta se realiza mediante css.