lattyware / elm-fontawesome / FontAwesome.Attributes

Styling attributes for icons.

Sizing Icons

See the FontAwesome docs for details.

fa2xs : Svg.Attribute msg

Apply the fa-2xs class to the element.

xs : Svg.Attribute msg

Apply the fa-xs class to the element.

sm : Svg.Attribute msg

Apply the fa-sm class to the element.

lg : Svg.Attribute msg

Apply the fa-lg class to the element.

x1 : Svg.Attribute msg

Apply the fa-x1 class to the element.

fa2x1 : Svg.Attribute msg

Apply the fa-2x1 class to the element.

fa1x : Svg.Attribute msg

Apply the fa-1x class to the element.

fa2x : Svg.Attribute msg

Apply the fa-2x class to the element.

fa3x : Svg.Attribute msg

Apply the fa-3x class to the element.

fa4x : Svg.Attribute msg

Apply the fa-4x class to the element.

fa5x : Svg.Attribute msg

Apply the fa-5x class to the element.

fa6x : Svg.Attribute msg

Apply the fa-6x class to the element.

fa7x : Svg.Attribute msg

Apply the fa-7x class to the element.

fa8x : Svg.Attribute msg

Apply the fa-8x class to the element.

fa9x : Svg.Attribute msg

Apply the fa-9x class to the element.

fa10x : Svg.Attribute msg

Apply the fa-10x class to the element.

Fixed Width Icons

See the FontAwesome docs for details.

fw : Svg.Attribute msg

Apply the fa-fw class to the element.

Icons in a List

See the FontAwesome docs for details.

ul : Svg.Attribute msg

Apply the fa-ul class to the element.

li : Svg.Attribute msg

Apply the fa-li class to the element.

Rotating Icons

See the FontAwesome docs for details.

rotate90 : Svg.Attribute msg

Apply the fa-rotate-90 class to the element.

rotate180 : Svg.Attribute msg

Apply the fa-rotate-180 class to the element.

rotate270 : Svg.Attribute msg

Apply the fa-rotate-270 class to the element.

flipHorizontal : Svg.Attribute msg

Apply the fa-flip-horizontal class to the element.

flipVertical : Svg.Attribute msg

Apply the fa-flip-vertical class to the element.

flipBoth : Svg.Attribute msg

Apply the fa-flip-both class to the element.

flipRotateBy : Svg.Attribute msg

Apply the fa-flip-rotate-by class to the element.

Animating Icons

See the FontAwesome docs for details.

beat : Svg.Attribute msg

Apply the fa-beat class to the element.

fade : Svg.Attribute msg

Apply the fa-fade class to the element.

beatFade : Svg.Attribute msg

Apply the fa-beat-fade class to the element.

bounce : Svg.Attribute msg

Apply the fa-bounce class to the element.

flip : Svg.Attribute msg

Apply the fa-flip class to the element.

shake : Svg.Attribute msg

Apply the fa-shake class to the element.

spin : Svg.Attribute msg

Apply the fa-spin class to the element.

spinPulse : Svg.Attribute msg

Apply the fa-spin-pulse class to the element.

spinReverse : Svg.Attribute msg

Apply the fa-spin-reverse class to the element.

Bordered + Pulled Icons

See the FontAwesome docs for details.

pullLeft : Svg.Attribute msg

Apply the fa-pull-left class to the element.

pullRight : Svg.Attribute msg

Apply the fa-pull-right class to the element.

border : Svg.Attribute msg

Apply the fa-border class to the element.

Stacked Icons

See the FontAwesome docs for details.

stack : Svg.Attribute msg

Apply the fa-stack class to the element.

stack1x : Svg.Attribute msg

Apply the fa-stack-1x class to the element.

stack2x : Svg.Attribute msg

Apply the fa-stack-2x class to the element.

inverse : Svg.Attribute msg

Apply the fa-inverse class to the element.

Duotone Icons

See the FontAwesome docs for details.

swapOpacity : Svg.Attribute msg

Apply the fa-swap-opacity class to the element.