Font Awesome Inserttag Bundle

Github | Erweiterung bei extensions.contao.org

fa

{{ fa::phone }}
{{ fa::phone::fa-2x }}
{{ fa::phone::fa-3x }}
{{ fa::phone::fa-4x }}
{{ fa::phone::fa-5x }}

fab / fa-brands

{{ fab::facebook}}
{{ fab::facebook::fa-2x}}
{{ fab::facebook::fa-3x}}
{{ fab::facebook::fa-4x}}
{{ fa-brands::facebook}}

far / fa-regular

{{ far::calendar}}
{{ far::calendar::fa-2x}}
{{ far::calendar::fa-3x}}
{{ far::calendar::fa-4x}}
{{ fa-regular::calendar}}

fas / fa-solid

{{ fas::arrow-right}}
{{ fas::arrow-right::fa-2x}}
{{ fas::arrow-right::fa-3x}}
{{ fas::arrow-right::fa-4x}}
{{ fa-solid::arrow-right}}

Styles

{{ fa::phone::fa-3x::color:orange; }}
{{ fa::phone::fa-3x::background-color:orange;color:#fff; }}
{{ fa::phone::fa-3x::fill:orange; }}

Rotate

{{ fa::snowboarding::fa-3x }}
{{ fa::snowboarding::fa-3x fa-rotate-90 }}
{{ fa::snowboarding::fa-3x fa-rotate-180 }}
{{ fa::snowboarding::fa-3x fa-flip-horizontal }}
{{ fa::snowboarding::fa-3x fa-flip-vertical }}
{{ fa::snowboarding::fa-3x fa-flip-both }}

Animated Icons

{{ fa::heart::fa-3x fa-beat }}
{{ fa::heart::fa-3x fa-beat::--fa-animation-duration: 0.5s; }}
{{ fa::heart::fa-3x fa-beat::--fa-animation-duration: 2s; }}
{{ fa::heart::fa-3x fa-beat::--fa-beat-scale: 2.0; }}