Как использовать изображение в качестве флажка html

По сути, мне нужно сделать страницу входа, с глазом на поле пароля, чтобы пользователь мог нажать на значок глаза и увидеть пароль.

На данный момент у меня есть простой флажок:

<input type="checkbox" id="box" onclick="reveal()">

и функция показа и скрытия пароля:

  function reveal() {
    if (document.getElementById('box').checked) { document.getElementById("id_password").type = 'text'; }
    else
      document.getElementById("id_password").type = 'password';
  }

Это решение работает, но мне нужно иметь Eye-Icon, вместо простого флажка. Как я могу сделать изображение в качестве флажка?

Вернуться на верх