The theme includes the Font Awesome icônes. The icons can be used separately or as a part of other page components.
3 Different Sizes
small
medium
big
Get The 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 Styles alternatifs
none
simple
solid
Get The 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
Get The 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
Documentation sur les codes courts
id
The id attribute specifies an id for an HTML element.
It must be unique within the HTML document.
(Mainly for additional styling/scripting purposes)
class
The class attribute specifies a class name for an HTML element.
(Mainly for additional styling/scripting purposes)
icon
size
style
shape
text_color
bg_color