Skip to main content
se eliminaron 4 caracteres en el cuerpo
Origen Enlace

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="fa faclass="add-bars"><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í:

.fa.faadd-barsicon: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

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="fa fa-bars"></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í:

.fa.fa-bars: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

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

se añadieron 207 caracteres en el cuerpo
Origen Enlace

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="fa fa-bars"></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í:

.fa.fa-bars: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

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.

Después lo aplicas en tu html así:

<span class="fa fa-bars"></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í:

.fa.fa-bars: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

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="fa fa-bars"></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í:

.fa.fa-bars: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

se añadieron 309 caracteres en el cuerpo
Origen Enlace

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<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.

Después lo aplicas en tu html así:

<span class="fa fa-bars"></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í:

.fa.fa-bars: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

Sí se puede, con css y html. 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.

Después lo aplicas en tu html así:

<span class="fa fa-bars"></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í:

.fa.fa-bars:before {
  content: "\f2b4";
}

Reemplaza el content por el código del ícono que desees

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.

Después lo aplicas en tu html así:

<span class="fa fa-bars"></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í:

.fa.fa-bars: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

Origen Enlace
Loading