fontawesome.com icons code example

Example 1: how to use font awesome icons

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>

Example 2: font awesome icons

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

Example 3: fa icons

<script src='https://kit.fontawesome.com/a076d05399.js'></script>

Example 4: release icon font awesome

<i class="fa fa-rocket" aria-hidden="true"></i>

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>

Example 6: font awesome fa

Posting random icons in grepper doesn't make sense guys, you need the 
visuals on the page

Tags:

Html Example

Recent Posts