يمكن زيادة او نقصان المسافة قبل المستطيل من خلال

يمكن تحريك الصورة داخل المستطيل لتكون على اليسار او اليمين من خلال

لمنع تكرار الصورة داخل المستطيل من خلال الخاصية

input {
  background-color: #222;
  background-image: url(searchicon.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

input{
  background-color: #222;
  background-image: url("searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.input{
  background-color: #222;
  background.image: url("searchicon.png");
  background.position: 10px 10px;
  background.repeat: no-repeat;
  padding-left: 40px;
}

input {

width: 10%;

padding: 12px 20px;

margin: 8px 0;

box-sizing: border-box;

}

input {

width: 100%;

padding: 12px 20px;

margin: 8px 0;

box-sizing: border-box;

}

vertical - align