<div class="form-outline">

  <i class="fas fa-exclamation-circle trailing"></i>

  <input type="text" id="form1" class="form-control form-icon-trailing" />

  <label class="form-label" for="form1">Example label</label>

</div>

.form-outline .form-icon-trailing {

    padding-right: 0rem!important;

    padding-left: 2rem!important;

}

​

.form-outline .trailing {

   right: auto;

   left: 10px;

}

​

.form-outline .form-control~.form-label { 

  left: 2rem!important;

}

​

.form-outline .form-control.active~.form-label, .form-outline .form-control:focus~.form-label {

    transform: translateY(-1rem) translateY(.1rem) translateX(-1.2rem) scale(.8);

}

​