Font Awesome 5 - how to put an icon inside a circle?

Question

I\'m trying to put some Font Awesome icons over a div element, making it look like a circle that contains the icons. There are in total three icons inside a circle each, and

Answer 1

Font Awesome already allow this, you don't need to do it yourself:

.custom .fa-circle:before {
  border-radius: 50%;
  background: linear-gradient(red, blue);
  color: transparent;
}

Related: https://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons