<!-- 
<head>
  <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css"></script>
</head> 
-->

<div class="container">
  <div class="icon">
    <i class="las la-bell"></i>
  </div>
  <div class="icon">
    <i class="las la-frog"></i>
  </div>
  <div class="icon">
   <i class="las la-bus"></i>
  </div>
</div>
.container {
  display: flex;
  flex-direction: row;
}

.icon {
  display: flex;
  width: 50px;
  height: 50px;
  background: #EAEAEA;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-right: 8px;
}

External CSS

  1. https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.