Insertado iconos de Font Awesome

Font Awesome es una colección de iconos vectoriales completamente customizables que puedes usar y cambiar el color y el tamaaño y todo esto gracias al poder de CSS.

Utilizarlos es realmente facil, simplemente debes de poner el siguiente código en tu cabecera, dentro de las etiquetas <head>


<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css”>

 

Luego simplemente debes elegir de entre sus cientos de iconos el que más te interese y usarlo añadiendo el pequeño fragmento que te da y pegandolo en donde lo quieras mostrar. Por ejemplo:

<i class=”fa fa-heart-o” aria-hidden=”true”></i> Tu texto

El resultado será este: Tu texto

Puedes ver la galería de iconos haciendo click aquí

See the Pen Iconos de FontAwesome / FontAwesome Icons by Ricardo Izquierdo (@riczurdo) on CodePen.

¿Te ha gustado este post?



Agradezco muchísimo tus comentarios