Colocación de un icono sobre una imagen o vídeo

Problema:
Necesitas colocar un icono sobre una imagen o vídeo, alineándolo con la esquina inferior izquierda. Al hacer clic en él, el ícono debería activar un mensaje de descarga para la imagen.

Solución:
Para lograr el posicionamiento deseado, debe crear un contenedor relativo alrededor de la imagen. Luego, establezca la posición del icono en absoluta. Aquí hay un ejemplo de código:

.container {
  position: relative;
}

.container img {
  display: block;
}

.container .fa-download {
  position: absolute;
  bottom: 0;
  left: 0;
}

Bootstrap 3 Font-Awesome:
Sí, el mismo método funciona para Bootstrap 3 Font-Awesome. Reemplace la versión de Font Awesome en el código anterior con lo siguiente: