icons & icon boxes

icons & icon with boxes

Get the code

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_box_icon icon="fa-gears" icon_color="#404040" icon_position="top" title="icon on the top" ]Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. [/gdlr_box_icon]

[/gdlr_column]

[gdlr_column size="1/3"]

[gdlr_box_icon icon="fa-eye" icon_color="#404040" icon_position="top" title="icon on the top" ]Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. [/gdlr_box_icon]

[/gdlr_column]

[gdlr_column size="1/3"]

[gdlr_box_icon icon="fa-trophy" icon_color="#404040" icon_position="top" title="icon on the top" ]Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. [/gdlr_box_icon]

[/gdlr_column]

[/gdlr_row]
[gdlr_space height="40px"]
[gdlr_row]

[gdlr_column size="1/2"]

[gdlr_box_icon icon="fa-copy" icon_color="#4984d5" icon_position="left" title="icon on the top" ]Curabitur blandit tempus porjusto odio, dapibus ac facilisis in, egestas eget quam. Aenen eu leo quam. Pellentesque otsem lacinia quam venenatis vestibulum.Donec id elit non mi porta gravida aeget. [/gdlr_box_icon]

[/gdlr_column]

[gdlr_column size="1/2"]

[gdlr_box_icon icon="fa-dashboard" icon_color="#d55949" icon_position="left" title="icon on the top" ]Curabitur blandit tempus porjusto odio, dapibus ac facilisis in, egestas eget quam. Aenen eu leo quam. Pellentesque otsem lacinia quam venenatis vestibulum.Donec id elit non mi porta gravida aeget.[/gdlr_box_icon]

[/gdlr_column]

[/gdlr_row]

Get the code

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_box_icon icon="fa-gears" icon_type="circle" icon_color="#ffffff" icon_background="#d55949" icon_position="top" title="icon on the top" ]Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. [/gdlr_box_icon]

[/gdlr_column]

[gdlr_column size="1/3"]

[gdlr_box_icon icon="fa-coffee" icon_type="circle" icon_color="#ffffff" icon_position="top" title="icon on the top" ]Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. [/gdlr_box_icon]

[/gdlr_column]

[gdlr_column size="1/3"]

[gdlr_box_icon icon="fa-dropbox" icon_type="circle" icon_color="#ffffff" icon_background="#4984d5" icon_position="top" title="icon on the top" ]Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. [/gdlr_box_icon]

[/gdlr_column]

[/gdlr_row]
[gdlr_space height="40px"]
[gdlr_row]

[gdlr_column size="1/2"]

[gdlr_box_icon icon="fa-flag-alt" icon_type="circle" icon_color="#ffffff" icon_background="#6049d5" icon_position="left" title="icon on the top" ]Curabitur blandit tempus porjusto odio, dapibus ac facilisis in, egestas eget quam. Aenen eu leo quam. Pellentesque otsem lacinia quam venenatis vestibulum.Donec id elit non mi porta gravida aeget. [/gdlr_box_icon]

[/gdlr_column]

[gdlr_column size="1/2"]

[gdlr_box_icon icon="fa-cloud" icon_type="circle" icon_color="#ffffff" icon_background="#49d5c0" icon_position="left" title="icon on the top" ]Curabitur blandit tempus porjusto odio, dapibus ac facilisis in, egestas eget quam. Aenen eu leo quam. Pellentesque otsem lacinia quam venenatis vestibulum.Donec id elit non mi porta gravida aeget.[/gdlr_box_icon]

[/gdlr_column]

[/gdlr_row]

Only Icon

Get the code

[gdlr_icon type="fa-fire" size="36px" color="#333333"]
[gdlr_icon type="fa-instagram" size="36px" color="#333333"]
[gdlr_icon type="fa-bell" size="36px" color="#333333"]
[gdlr_icon type="fa-bolt" size="36px" color="#333333"]
[gdlr_icon type="fa-html5" size="36px" color="#333333"]
[gdlr_icon type="fa-gamepad" size="36px" color="#333333"]
[gdlr_icon type="fa-globe" size="36px" color="#333333"]
[gdlr_icon type="fa-heart" size="36px" color="#333333"]
[gdlr_icon type="fa-group" size="36px" color="#333333"]
[gdlr_icon type="fa-gears" size="36px" color="#333333"]
[gdlr_icon type="fa-dollar" size="36px" color="#333333"]
[gdlr_icon type="fa-star" size="36px" color="#333333"]
[gdlr_icon type="fa-truck" size="36px" color="#333333"]

List Of All Icons Can Be Viewed Here

Colored Icon

Get the code

[gdlr_icon type="fa-fire" size="60px" color="#91d549"]
[gdlr_icon type="fa-instagram" size="60px" color="#49d5c0"]
[gdlr_icon type="fa-bell" size="60px" color="#4984d5"]
[gdlr_icon type="fa-bolt" size="60px" color="#ea803a"]
[gdlr_icon type="fa-html5" size="60px" color="#e5427b"]
[gdlr_icon type="fa-gamepad" size="60px" color="#d55949"]
[gdlr_icon type="fa-globe" size="60px" color="#4984d5"]