Icon Shortcodes

The theme includes the Schrift ehrfürchtig icons. The icons can be used separately or as a part of other page components.


3 Different Sizes

small

medium

big

Hier den Code

[icon name="camera" size="small" style="simple"]
[icon name="pencil" size="small" style="solid"]
[icon name="picture" size="small" style="simple"]
[icon name="rocket" size="small" style="solid"]
[icon name="star" size="small" style="simple"]
[icon name="beaker" size="small" style="solid"]

[icon name="camera" size="medium" style="simple"]
[icon name="pencil" size="medium" style="solid"]
[icon name="picture" size="medium" style="simple"]
[icon name="rocket" size="medium" style="solid"]
[icon name="star" size="medium" style="simple"]
[icon name="beaker" size="medium" style="solid"]

[icon name="camera" size="big" style="simple"]
[icon name="pencil" size="big" style="solid"]
[icon name="picture" size="big" style="simple"]
[icon name="rocket" size="big" style="solid"]
[icon name="star" size="big" style="simple"]
[icon name="beaker" size="big" style="solid"]

3 Alternative Styles

none

einfach

solide

Hier den Code

[icon name="camera" size="medium" style="none"]
[icon name="pencil" size="medium" style="none"]
[icon name="picture" size="medium" style="none"]
[icon name="rocket" size="medium" style="none"]
[icon name="star" size="medium" style="none"]
[icon name="beaker" size="medium" style="none"]

[icon name="camera" size="medium" style="simple"]
[icon name="pencil" size="medium" style="simple"]
[icon name="picture" size="medium" style="simple"]
[icon name="rocket" size="medium" style="simple"]
[icon name="star" size="medium" style="simple"]
[icon name="beaker" size="medium" style="simple"]

[icon name="camera" size="medium" style="solid"]
[icon name="pencil" size="medium" style="solid"]
[icon name="picture" size="medium" style="solid"]
[icon name="rocket" size="medium" style="solid"]
[icon name="star" size="medium" style="solid"]
[icon name="beaker" size="medium" style="solid"]

Custom Colors

Hier den Code

[icon name="camera" size="small" style="solid" text_color="#ffffff" bg_color="#e67e22" ]
[icon name="pencil" size="medium" style="solid" text_color="#ffffff" bg_color="#e74c3c"]
[icon name="picture" size="big" style="solid" text_color="#ffffff" bg_color="#9b59b6"]
[icon name="rocket" size="medium" style="solid" text_color="#ffffff" bg_color="#3498db"]
[icon name="star" size="small" style="solid" text_color="#ffffff" bg_color="#2ecc71"]

All Available Icons

Shortcode Documentation

  • Ich würde
    Das id-Attribut gibt eine ID für ein HTML-Element.
    Es muss innerhalb des HTML-Dokuments eindeutig sein.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • Klasse
    Die Klasse Attribut gibt einen Klassennamen für ein HTML-Element.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • Symbol
    Verfügbare Optionen:
    Alle Symbole auf Schrift ehrfürchtig Seite? ˅
  • size
    Verfügbare Optionen:
    • small
    • medium
    • big
  • Stil
    Verfügbare Optionen:
    • none
    • einfach
    • solide
  • shape
    Verfügbare Optionen:
    • inherit
    • square
    • circle
  • text_color
  • bg_color