Layers are the way to place icons and text visually on top of each other. With this approach you can use more than two icons, use multiple colors, and layer text and/or counters onto an icon.
See the FontAwesome docs for details.
layers : List (Html.Attribute msg) -> List (Html msg) -> Html msg
Convenience function for producing layers of icons.
text : List (Html.Attribute msg) -> String -> Html msg
Add inside your layers
element to put text on top of an icon.
textTransformed : List (Html.Attribute msg) -> List FontAwesome.Transforms.Transform -> String -> Html msg
Add inside your layers
element to put text on top of an icon, applying the given transforms to it.
layersBottomLeft : Html.Attribute msg
Apply the fa-layers-bottom-left
class to the element.
layersBottomRight : Html.Attribute msg
Apply the fa-layers-bottom-right
class to the element.
layersTopLeft : Html.Attribute msg
Apply the fa-layers-top-left
class to the element.
layersTopRight : Html.Attribute msg
Apply the fa-layers-top-right
class to the element.