Как добавить иконку в input?

Question

[Qurds12]

<input class="input-code" placeholder="Введите код"/>

.input-code {
  margin-top: 1rem;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}

Comments

[Ankhena]

Ладно песочницу не сделали, но хоть бы скрин приложили.
Иконка просто фоном не делается? У неё есть функциональность?

Answer 1

[DevMan]

на нормальную песочницу у вас сил не хватило. жаль.

подсказываю один из вариантов:
-> сделать див с инпутом
-> убрать стилизацию с инпута
-> перед/после инпутом поставить иконку
-> весь див стилизовать как инпут

Answer 2

[profesor08]

Размести, любым удобным способом, блок с иконкой поверх инпута, инпуту задай подходящий отступ со стороны иконки.