Botón dentro del icono en HTML

Question

Necesito poner un pequeño icono dentro del botón en HTML (por ejemplo, necesito tener el botón de Facebook en mi sitio, dentro del primer ícono F y luego "facebook"). Como hacer eso ?

Answer 1

CSS:

.facebook-button { 
    background: url('facebook-logo.png') left center no-repeat; 
    padding-left: 15px; 
}

HTML:

<input type="button" class="facebook-button" value="Facebook" />

Answer 2

<button><img src="facebook.png" alt=""> Facebook</button> 

Answer 3

añadirá los siguientes datos utilizando el nombre de ruta para la imagen

<img src="images/facebook-logo.png"/> 

Añadir los atributos width y la altura si quieres cambiar el tamaño del ícono

<img src="images/facebook-logo.png" width="75" height="75"/>