Icons

Im Nature Theme können Font Awesome Icons genutzt werden und auch in Elementen mit Hilfe eines Insert-Tags eingebunden werden.

Social Icons

{{fa-brands::facebook::fa-2x}} {{fa-brands::instagram::fa-2x}} {{fa-brands::twitter::fa-2x}} {{fa-brands::youtube::fa-2x}} {{fa-brands::tiktok::fa-2x}} {{fa-brands::discord::fa-2x}} {{fa-brands::linkedin::fa-2x}} {{fa-brands::xing::fa-2x}}

Verschiedene Größen

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Farbige Icons (Hauptfarbe)

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Farbige Icons (Info)

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Farbige Icons (Link)

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Farbige Icons (Success)

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Farbige Icons (Warning)

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Farbige Icons (Danger)

1x 2x 3x 4x 5x
{{fa::check}} {{fa::check fa-2x}} {{fa::check fa-3x}} {{fa::check fa-4x}} {{fa::check fa-5x}}

Animierte Icons

Beat

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

Fade

{{fa-solid::triangle-exclamation::fa-fade fa-2x}} {{fa-solid::skull-crossbones::fa-fade fa-2x}} {{fa-solid::sun::fa-fade fa-2x}} {{fa-solid::i-cursor::fa-fade fa-2x::--fa-animation-duration: 2s; --fa-fade-opacity: 0.6}}

Beat-Fade

{{fa-solid::hippo::fa-beat-fade fa-2x}} {{fa-solid::feather::fa-beat-fade fa-2x}} {{fa-solid::poo-bolt::fa-beat-fade fa-2x::--fa-beat-fade-opacity: 0.1; --fa-beat-fade-scale: 1.25}} {{fa-solid::circle-info::fa-beat-fade fa-2x::--fa-beat-fade-opacity: 0.67; --fa-beat-fade-scale: 1.075;}}

Bounce

{{fa-solid::basketball::fa-bounce fa-2x}} {{fa-solid::volleyball::fa-bounce fa-2x}} {{fa-solid::frog::fa-bounce fa-2x:: --fa-bounce-start-scale-x: 1; --fa-bounce-start-scale-y: 1; --fa-bounce-jump-scale-x: 1; --fa-bounce-jump-scale-y: 1; --fa-bounce-land-scale-x: 1; --fa-bounce-land-scale-y: 1;}} {{fa-solid::spider::fa-bounce fa-2x::--fa-bounce-start-scale-x: 1; --fa-bounce-start-scale-y: 1; --fa-bounce-jump-scale-x: 1; --fa-bounce-jump-scale-y: 1; --fa-bounce-land-scale-x: 1; --fa-bounce-land-scale-y: 1; --fa-bounce-rebound: 0;}}

Flip

{{fa-solid::compact-disc::fa-flip fa-2x}} {{fa-solid::camera-rotate::fa-flip fa-2x}} {{fa-solid::football::fa-flip fa-2x}} {{fa-solid::scroll::fa-flip fa-2x::--fa-flip-x: 1; --fa-flip-y: 0;}} {{fa-solid::money-check-dollar::fa-flip fa-2x::--fa-animation-duration: 3s;}}

Shake

{{fa-solid::bell::fa-shake fa-2x}} {{fa-solid::lock::fa-shake fa-2x}} {{fa-solid::stopwatch::fa-shake fa-2x}} {{fa-solid::bomb::fa-shake fa-2x}}

Spin

{{fa-solid::sync::fa-spin fa-2x}} {{fa-solid::circle-notch::fa-spin fa-2x}} {{fa-solid::cog::fa-spin fa-2x}} {{fa-solid::cog::fa-spin fa-2x}} {{fa-solid::spinner::fa-spin-pulse fa-2x}} {{fa-solid::spinner::fa-spin-pulse fa-spin-reverse fa-2x}}

Rotate

{{fa-solid::snowboarding::fa-2x}} {{fa-solid::snowboarding::fa-rotate-90 fa-2x}} {{fa-solid::snowboarding::fa-rotate-180 fa-2x}} {{fa-solid::snowboarding::fa-rotate-270 fa-2x}} {{fa-solid::snowboarding::fa-flip-horizontal fa-2x}} {{fa-solid::snowboarding::fa-flip-vertical fa-2x}} {{fa-solid::snowboarding::fa-flip-both fa-2x}}