Icons

Using FontAwesome icons

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:

Screencast Recording

https://drive.google.com/open?id=1xwZYwV34nrUfsFerO0Enhbthgr4BgMdI