How to use icon in pseudo CSS element using Font Awesome Pro

Implement FontAwesome Pro in CSS using Pseudo elements, it comes in handy when creating drop down menus, etc.

Change the font weight based on the library you are using.
Eg if you are using Font Awesome Light, use weight of 300.

   &:before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            content: "\f107";
            display: block;
            top: 3px;
            right: 0;
            position: absolute;
          }

   &:after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            content: "\f107";
            display: block;
            top: 3px;
            right: 0;
            position: absolute;
          }