<div class="container">
    <h1>Position Icons Inside a Button</h1>
  <button class="btn btn-primary"><i class="fa fa-chevron-left fa-lg"></i>Click Me<i class="fa fa-chevron-right fa-lg"></i></button>

</div>
<!-- /.container -->
.btn>i:first-child {
  left:-0.3rem;
  position:relative;
}
.btn>i:last-child {
  right:-0.3rem;
  position:relative;
}

External CSS

  1. https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.css
  2. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css

External JavaScript

  1. https://code.jquery.com/jquery-3.2.1.slim.min.js
  2. https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.js