Does anyone know why this icon isn’t showing up? Here’s the html code:
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="icon"> <i class="fas fa-fire"></i></div>
<body>
All I’m getting is this (a fire should show up, not a square):

The class
attribute should be equal to fa fa-fire
instead of fas fa-fire
.
1 Like
You are using the old CDN to link to font awesome, The CDN has changed for Font Awaeome v.510.2, so now you need to use:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css">
1 Like
The fa
prefix has been deprecated in version 5. The new default is the fas
solid style and the fab
style for brands
See here:
https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
1 Like
Replace the link from https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
to the new one which is https://use.fontawesome.com/releases/v5.0.7/css/all.css
. This should help.
At least it works for me:
1 Like
Hi @Tobiasman
I’ve didn’t noticed you have already solved it

Thank you for your our help, it solved my problem!
Where can I find the CDN link? (for future versions)