---
id: bad87fee1348bd9aedc08845
title: Add Font Awesome Icons to all of our Buttons
required:
- link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
raw: true
challengeType: 0
videoUrl: ''
localeTitle: Añadir iconos impresionantes de fuente a todos nuestros botones
---
## Description
Font Awesome es una conveniente biblioteca de iconos. Estos iconos son gráficos vectoriales, almacenados en el formato de archivo .svg . Estos iconos son tratados como fuentes. Puede especificar su tamaño usando píxeles, y asumirán el tamaño de fuente de sus elementos HTML principales. Use Font Awesome para agregar un ícono de info-circle de información a su botón de información y un ícono de trash a su botón de eliminar. Nota: El elemento span es una alternativa aceptable al elemento i para las instrucciones a continuación.
## Instructions
## Tests
```yml
tests:
- text: Debes agregar un <i class="fa fa-info-circle"></i> dentro del elemento de tu botón de información.
testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <i class="fa fa-info-circle"></i> within your info button element.");'
- text: Debes agregar una <i class="fa fa-trash"></i> dentro de tu elemento de botón de eliminar.
testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <i class="fa fa-trash"></i> within your delete button element.");'
- text: Asegúrate de que cada uno de tus elementos i tenga una etiqueta de cierre y que <i class="fa fa-thumbs-up"></i> esté en tu elemento de botón me gusta.
testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your i elements has a closing tag and <i class="fa fa-thumbs-up"></i> is in your like button element.");'
```
## Challenge Seed