Skip to main content
4 de 4
se eliminaron 4 caracteres en el cuerpo

Sí se puede, con css y html. Si lo vas a usar local, que es lo que yo te recomiendo, lo debes descargar y copiar el css del fontawesome en una carpeta de tu sitio. Para este ejemplo se pone en una carpeta llamada css. Sería así:

Añades así en el <head> de tu html la línea para cargar el fichero css de fontawesome:

<link rel="stylesheet" href="http://localhost/mi_sitio/css/font-awesome.min.css" type="text/css">

Por supuesto reemplaza localhost/mi_sitio por la URL de tu sitio. Fíjate que he añadido el min, que es el fichero font-awesome.min.css, que es la versión minificada del css. Ésta es la recomendada para uso en producción ya que optimiza los tiempos de carga del sitio.

Después lo aplicas en tu html así:

<span class="add-icon"></span>

Aquí puedes usar cualquier etiqueta, no sólo tiene que ser span, puedes usar i por ejemplo.

Y luego en tu css puedes aplicarle el ícono a esa clase así:

.add-icon:before {
  content: "\f2b4";
}

Reemplaza el content por el código del ícono que desees. Debes buscar los códigos en la documentación del fontawesome.

Prueba así y nos cuentas si te funcionó. Saludos