Font Awesome 5 icons are not displayed

I installed a new version of the FontAwesome icon font on my website. I wanted to use the "Web fonts and CSS" option. I do everything according to instructions: I add styles in the css folder and fonts in the webfonts folder, but the icons persistently do not display. 

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<title>Hello, world!</title>
</head>
<body>
<i class="fas fa-pencil"></i> 
<body>

They are not displayed, by the way, in this snippet, where CDN is used. 

<head>
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
</head>
<body>
<i class="fas fa-pencil"></i>
</body>

How do I fix this?

Author: Byulent, 2018-03-05
Source

2 answers

Before using the icons, check their availability. The free version of FontAwesome does not support this icon. Instead, you can use the free pencil-alt icon.

<i class="fas fa-pencil-alt"></i>
 1
Author: Samvel Harutyunyan, 2018-03-05 18:15:30

Most likely you are using the free version of font awesome, whereas the fa icon is pencil for the pro version.

 2
Author: E_K, 2018-03-05 18:11:25