Hola,
lucasan.
Se hace una caja del tamaño que te interesa (la que va a mostrar el icono), y se coloca la imagen como fondo con el desplazamiento necesario para hacer visible sólo el trozo que te interesa.
Mira
este ejemplo.
Es una sola imagen como fondo, a la que cambias de posición con los valores del final de la declaración de background (center y top en este caso).
background: url(img/color_BN.jpg) no-repeat center top;
background: url(img/color_BN.jpg) no-repeat center bottom;
donde a center y top le puedes dar valores exactos x-y, porcentajes, valores negativos, etc.
Mikel.