Inserting icons into our code was traditionally a time-consuming process, where we were expected to create individual images via Photoshop and implement using
<img> tag. Font Awesome's innovative approach allows us to use vector-based icons as if they were part of a typeface.
The website's "Get Started" page offers a copy-and-paste entry. Be sure to use the "free" version:
After successfully implementing the
<link> tag (or
<script>, based on your selection) based on the provided instructions, it is as simple as searching for an icon and copying the generated code:
Note that there is a HTML snippet that you can copy and paste into your microsite. You can also treat them as individual text characters and apply various text-specific CSS rules: