Font Awesome 5 Pro

[Matti]

Code:

<br /> <span class="node-icon"> <em class="fa--xf far fa-comments"></em> </span> <span class="node-icon"><em class="fa--xf far fa-lightbulb-on"></em></span> <span class="node-icon"><em class="fa--xf far fa-bullhorn"></em></span>  <style>
.fal {
  font-family: 'Font Awesome 5 Pro';
  position: relative;
  font-weight: 300;
}
.node-icon em {
  font-size: 26px;
  opacity: 0.8;
}
.node-icon em::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 300;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #156FC5;
}
</style>

[Matti]

.r-3 i {
background: #156FC5;
padding: 5px;
margin: 10px 4px;
border-radius: 3px;
color: #fff;
font-size: 12px;
}