title: bootstrap 4: Button with Icon and text
body: <p>I'm trying to create buttons like you can see below with Bootstrap 4:</p>
  
  <p><a href="https://i.stack.imgur.com/fqkeU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fqkeU.png" alt="enter image description here"></a></p>
  
  <p>The icon (font awesome) should be centered to the text and all the icons have the same y position on the screen. The border of the buttons should be invisible.</p>
  
  <p>Do I have to use a button or is it better to use another element? Any help is welcome.</p>