Working with Font Awesome

Font Awesome is a free library of more than 600 scalable vector icons that can be sized, colored, and arranged using CSS.

The following topics explain how to use it in your Logi application:

• Including the Font Awesome Library
• Adding a Simple Icon
• Adding a Button using HTML
• Combining Icon and Text in a Label
• Using an Icon with a Theme Link Button
• Using an Icon with a Shape Element
• Using Icons in Tabbed Panels
• Stacking Icons
• Customizing Font Awesome

About Font Awesome

Font Awesome is a free library of more than 600 scalable vector icons that can be sized, colored, and arranged using CSS. It doesn't require scripting, works well with a variety of devices, and is easy to implement in Logi Info apps. Here are some examples:

• Bluetooth

• Gauge

• Line Chart

• Navicon

• Arrow Up

Here's a link to the official Font Awesome web site. This topic explains how to use icons from this great collection in a Logi application. You can view and save a Logi Info definition that includes all of the examples in this topic here. Just like a Logi Sample App page definition, be sure to open it in your browser, right-click it, and select "View source" before copying any parts of it to Logi Studio.

You cannot successfully email a report containing Font Awesome icons using the Action.Email Report or Procedure.Send HTML Report elements.