font awesome after css

1/* Step 1: Common Properties: All required to make icons render reliably */
2.icon::before {
3  display: inline-block;
4  font-style: normal;
5  font-variant: normal;
6  text-rendering: auto;
7  -webkit-font-smoothing: antialiased;
8}
9
10/* Step 2: Reference Individual Icons */
11.login::before {
12  font-family: "Font Awesome 5 Free";
13  font-weight: 900;
14  content: "\f007";
15}
16
17/* Note: Make sure to include the correct weight and Unicode value for the icon */
18.tps::before {
19  font-family: "Font Awesome 5 Free";
20  font-weight: 400;
21  content: "\f1ea";
22}