<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
<div class="item">
  <input type="email" placeholder="Enter you email">
  <i class="fab fa-telegram-plane"></i>
</div>

html,body{
  background:tomato;
}
.item{
  position: relative;
  width:200px;
  height:40px;
  background:#fff;
  border-radius:40px;
  overflow:hidden;
}
.item input{
  border:none;
  outline:none;
  display:block;
  width:200px;
  height:40px;
  background:none;
  padding-left:4px;
}
i.fab{
  display:block;
  position: absolute;
  top:-5px;
  right:0;
  z-index:100;
  background:rgb(31,48,72);
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  color:#fff;
}