Font Awesome Icons CDN

Font awesome CDN list

Using CDN is the best way to serve font awesome icons css or js files. Instead of hosting them in our own server.

Font awesome has their own CDN servers. To use Font Awesome CDN we need to create an account in their website.

Then font awesome will provide a link to the javascript file which can directly added in our websites.

The sample font awesome kit will be in below format.

<script src="https://kit.fontawesome.com/samplekit.js"
 crossorigin="anonymous"></script>

The advantage of creating account in font awesome website is, Font awesome creates new embed codes for each website where we can easily manage our preferences.

We can quickly upgrade to font awesome pro icons without any code changes from our side.

Or we can use free version of font awesome icons by using content delivery networks like cdnjs, maxcdn and jsdelivr etc..

For the latest font awesome 5 version and above use the below content delivery networks.

Serve font awesome icons CSS using cdnjs (cloudfare).

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css

https://cdnjs.com/libraries/font-awesome

Serve font awesome icons CSS using jsdelivr.

https://cdn.jsdelivr.net/gh/FortAwesome/Font-Awesome@5.14.0/css/all.css
https://www.jsdelivr.com/package/gh/FortAwesome/Font-Awesome

If you want to use javascript version of font awesome icons. Use the below CDN links

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js

https://cdn.jsdelivr.net/gh/FortAwesome/Font-Awesome@5.14.0/js/all.js

For the earlier version like font awesome 4.7 we can use bootstap cdn links

https://www.bootstrapcdn.com/fontawesome/

https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
☝ ✍ Angular Wiki ✍☝
Get a short & sweet Angular tutorials delivered to your inbox every couple of days. No spam ever. Unsubscribe any time.