<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>glyphs</title>
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/font-awesome.min.css" />
</head>
<body>
  <div id="container">
    <div id="controls">
      <button id="start-button">
        <i class="fa fa-play"></i>
      </button>
      <button id="stop-button">
        <i class="fa fa-stop"></i>
      </button>
      <button id="save-button">
        <i class="fa fa-upload"></i>
      </button>
      <button id="load-button">
        <i class="fa fa-download"></i>
      </button>
      <button id="clear-button">
        <i class="fa fa-trash"></i>
      </button>
    </div>
    <table id="grid"></table>
    <div id="output"></div>
  </div>
  <script src="js/index.js"></script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>glyphs</title>
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/font-awesome.min.css" />
</head>
<body>
  <div id="container">
    <div id="controls">
      <button id="start-button">
        <i class="fa fa-play"></i>
      </button>
      <button id="stop-button">
        <i class="fa fa-stop"></i>
      </button>
      <button id="save-button">
        <i class="fa fa-download"></i>
      </button>
      <button id="load-button">
        <i class="fa fa-upload"></i>
      </button>
      <button id="clear-button">
        <i class="fa fa-trash"></i>
      </button>
    </div>
    <table id="grid"></table>
    <div id="output"></div>
  </div>
  <script src="js/index.js"></script>
</body>
</html>

Swap load and save icons
Swap load and save icons
