Why is the fontawesome icon not showing up?

Question

Fonts

Good afternoon.
I downloaded the font-awesome free 5 archive. I
connected it, inserted the inline code and it worked.
Now, you need to insert through a pseudo-element.

&.arrow {
    padding-left: 30px;
    padding-right: 46px;
    &::after {
      //font-family: 'Font Awesome 5 Brands';
      font-family: 'Font Awesome 5 Free';
      content: "\f30b";
      //content: "\f30b";
    }
  }

Only for some reason only a square is displayed.
Here is a link to the icon itself https://fontawesome.com/icons/long-arrow-alt-right...
Here is the code that works

font-family: 'Font Awesome 5 Brands';
content: "\f373";

Why didn't the first one work?
What is the reason, because I copied unicode icons on the page, but it does not work.
What are the pitfalls here?
This code also works

font-family: "Font Awesome 5 Free";
font-weight: 400;
content: "\f007";

Thanks in advance.

Answer 1

This icon is of type solid, it needs to be set.
Answer found here https://stackoverflow.com/questions/49685849/how-t...