Using an Icon with a Shape Element

Logi Info includes a few standard shape elements, such as Rectangle. Let's see how we can use an FA icon with that.

In the example above, we see a Rectangle element with a child Label element (the Label text will appear inside the Rectangle borders). The Rectangle's Class attribute is set to:

fa fa-motorcycle fa-3x pull-left pad10

The only class you won't recognize is pad10, which is in a separate style sheet added for this example app and provides some padding inside the rectangle borders.

And the results are shown above.

The height of the rectangle and the size of the text is being controlled by the height of the icon + the padding.