fontawesome-free icons code example

Example 1: font awesome icons

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Example 2: fontawesome

Make sure to put this just before the </body> tag!

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>

Example 3: download font awesome icons

View the icons here:
https://fontawesome.com/icons?d=gallery

Download SVG files here:
https://github.com/FortAwesome/Font-Awesome/tree/master/svgs

Example 4: font awesome

<link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"
      integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V"
      crossorigin="anonymous"
    />

Example 5: font awesome icon

<head>
  <link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet"> <!--load all styles -->
</head>
<body>
  <i class="fas fa-user"></i> <!-- uses solid style -->
  <i class="far fa-user"></i> <!-- uses regular style -->
  <i class="fal fa-user"></i> <!-- uses light style -->
  <!--brand icon-->
  <i class="fab fa-github-square"></i> <!-- uses brands style -->
</body>

Tags:

Misc Example

Recent Posts