BS4 Simple Input with Icon :)

:).scss

//general placement stuffs
.input-group.with-icon {
    //padding for icon
    input {
        padding-right: 2rem;
        &::-ms-clear {
            //hide nasty ie clear thingie
            display: none;
        } //general placement stuffs
    }
    i {
        pointer-events: none;
        position: absolute;
        right: .8rem;
        z-index: 3;
        top: 28%;
        &.shy {
            z-index: 1;
        }
    }
}

//codepen
body {
    margin: 0;
    background: whitesmoke;
}