Font Awesome Icons

Scalable Vector Graphics (SVG) files are an XML-based text format that describes to the browser how the icon should appear, and then the browser renders it at any size asynchronously. This means pages are not blocked from rendering until the font library is downloaded but can be rendered as soon as the HTML file is delivered from the server. 

The Font Awesome library provides the following benefits: 

1. The SVG format is faster to load and always looks sharp.

2. Each icon was redesigned from scratch for maximum consistency and readability.

3. Icons are friendly on all viewports including Retina displays, mobile screens and desktop environments.

4. The JS and CSS has been updated and modernized.

📝 Each library needs to be referenced slightly differently in the HTML markup per the table below. For example, the HTML markup for the Font Awesome Solid camera icon would be <i class="fas tnt-camera"></i>.