FontAwesome Button

by ChrisStanyon

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<h3>Bootstrap Buttons</h3>

<button class="btn btn-success">
  <i class="fa fa-arrow-circle-right"></i> Go!
</button>

<button class="btn btn-info">
  <i class="fa fa-envelope"></i> Email
</button>

<button class="btn btn-danger">
  <i class="fa fa-trash-o"></i> Delete
</button>

<button class="btn btn-outline-primary">
  <i class="fa fa-search"></i> Search
</button>

<h3>Standard Buttons</h3>

<button type="submit">
  <i class="fa fa-search"></i> Search
</button>

CSS

body { padding: 20px; }
button { cursor: pointer;}
h3 { margin-top: 30px; }