Fiddle with fontawesome

Some test

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
  <div class="icon-elem-parent">
    <div class="icon-elem fa fa-user"></div>
    <div class="icon-txt">User</div>
  </div>
  <div class="icon-elem-parent">
    <div class="icon-elem fa fa-file-text"></div>
    <div class="icon-txt">File text</div>
  </div>
  <div class="icon-elem-parent">
    <div class="icon-elem fa fa-cloud-upload"></div>
    <div class="icon-txt">Upload</div>
  </div>
</div>

CSS

.container {
  padding: 20px;
}

.icon-elem-parent {
  display: inline-block;
  margin-right: 30px;
}

.icon-elem {
  font-size: 100px;
}

.icon-txt {
  text-align: center;
  margin-top: 10px;
}