HTML img align = "middle" no funciona

Soy nuevo en HTML.

Entonces, esta pregunta puede ser mucho más fácil de responder.

Quiero que una imagen se centre alineada. El tamaño de la imagen se fija en píxeles.

Entonces, lo que quiero es así:

Lo que he hecho es

        <!DOCTYPE html>
<html>
<body>

    <img
        src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
        width="42" height="42"
        align="middle"
        style="float: left;
          position: relative;
          display: block;
          margin-left: auto;
          margin-right: auto;
          z-index: 1;"
        >

</body>
</html>

Pero me estoy poniendo

Quiero que sea receptivo.

¿Alguien puede ayudarme por favor?

Gracias con antelación por ayudar.