Some font awesome icons aren't showing

Question

I use fontawesome to show icons in my project

For example I use these tags in some place

<link href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet" />

<i class="fas fa-map"></i>
<i class="fas fa-map-marked-alt"></i>

The first one is being shown but the second one isn't. Consider that both of icons are free icons

I created a snippet. Neither seems to be shown – mplungjan Jun 16 '19 at 06:16 — mplungjan, Jun 16 '19 at 06:16
there is no issue with your code, icons are showing fine – Temani Afif Jun 16 '19 at 08:11 — Temani Afif, Jun 16 '19 at 08:11

score 0 · Accepted Answer · answered Jun 16 '19 at 06:23

You are using version 5's syntax but linking to version 4 FA's css.

fa or fas = Font Awesome Solid
far = Font Awesome Regular
fal = Font Awesome Light
fab = Font Awesome Brands


<i class="fa fa-camera-retro"></i>  <!-- version 4's syntax -->

<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->
<i class="far fa-camera-retro"></i> <!-- example: regular style of camera-retro -->
<i class="fal fa-camera-retro"></i> <!-- example: light style of camera-retro -->

<link href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet"/>

<i class="fas fa-map"></i>
<i class="fas fa-map-marked-alt"></i>

i am using same version but problem still exist inside my project although it's working in code snippet — Hedayat Allah Kamalian, Jun 16 '19 at 06:57

Some font awesome icons aren't showing

1 Answers1