Alinhar imagem ou ícone verticalmente com o texto

Alinhar imagens e ícones verticalmente com o texto

<i class="ICON"></i> <span>GO TO CHECKOUT</span>

i {
  vertical-align:middle;
} 

<img src="IMG"> <span>GO TO CHECKOUT</span>

img {
  vertical-align:middle;
}