font-awesome

Esta forma también es aplicable a cualquier archivo html añadiendo el <link> dentro del header. De esta forma podrás añadir los iconos que encontrarás en:

https://fontawesome.com/icons

font-awesome-icons

PASOS A SEGUIR:

  1. Añadir el plugin Header and Footer Scripts
  2. Insertar en <link> en las opciones del plugin
  3. Buscar en https://fontawesome.com/ o en https://www.w3schools.com el icono que necesites.
  4. Pegar el icono donde quieras

1. Instalar el siguiente plugin en vuestro sitio wordpress.

Plugins &gt; Añadir nuevo &gt; Buscar: Header and Footer Scripts &gt; Instalar ahora &gt; activar

También se puede descargar desde el siguiente enlace y subirlo:

Header and Footer Scripts

2. Insertar en en las opciones del plugin el link hacia font awesome:

Ajustes &gt; Header and Footer Scripts

Insertamos la siguiente línea en Scripts in header.

&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;

sripts-in-header

Para añadir la versión 5 usaremos este otro enlace:

&lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"&gt;

3. Buscar los iconos que necesitemos:

Podemos buscar en https://fontawesome.com/icons

font-awesome

o en https://www.w3schools.com/icons/fontawesome_icons_webapp.asp

w3schools-font-awesome-icons

4. Copiar el código donde queramos:

icon-awesome-i

Ejemplo:

&lt;i style="font-size:50px" class="fab fa-android"&gt;&lt;/i&gt;
<i class="fab fa-android" style="font-size: 50px;"></i>