Skip to main content

Icons

Font Awesome is the world’s most popular icon library and includes font and SVG icons. The library includes over 1500+ carefully designed icons and is fully compatible with the Bootstrap. That's why we're using Font Awesome for all kind of marketing materials and UI/UX designs to create a continuity in visual communication.

Font Awesome: https://fontawesome.com/search?m=free

Font Awesome 5 has a PRO edition with 7842 icons, and a FREE edition with 1588 icons. This tutorial will concentrate on the FREE edition.

To use the Free Font Awesome 5 icons, you can choose to download the Font Awesome library, or you can sign up for an account at Font Awesome, and get a code (called KIT CODE) to use when you add Font Awesome to your web page.

We prefer the KIT CODE approach. Once you get the code you can start using Font Awesome on your web pages by including only one line of HTML code:

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

We got the code a076d05399 and by inserting the script tag, with the code, we can start using Font Awesome:

<!DOCTYPE html>
<html>
	<head>
		<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
	</head>
	<body>
		<i class="fa-solid fa-users"></i>
	</body>
</html>
No Comments
Back to top