IconBox

3 Icon Styles & 4 Predefined Colors

[us_separator type=”invisible”]
[us_iconbox title=”Primary Icon Color” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_iconbox color=”secondary” title=”Secondary Icon Color” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_iconbox color=”contrast” title=”Contrast Icon Color” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_iconbox color=”light” title=”Light Icon Color” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_separator type=”invisible” size=”small”]
[us_iconbox title=”Primary Icon Color” link=”url:%23″ style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox color=”secondary” title=”Secondary Icon Color” link=”url:%23″ style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox color=”contrast” title=”Contrast Icon Color” link=”url:%23″ style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox color=”light” title=”Light Icon Color” link=”url:%23″ style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_separator type=”invisible” size=”small”]
[us_iconbox title=”Primary Icon Color” link=”url:%23″ style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox color=”secondary” title=”Secondary Icon Color” link=”url:%23″ style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox color=”contrast” title=”Contrast Icon Color” link=”url:%23″ style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox color=”light” title=”Light Icon Color” link=”url:%23″ style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]

Unlimited Custom Colors

[us_separator type=”invisible”]
[us_iconbox icon=”fa-check-square” color=”custom” icon_color=”#ef5350″ title=”Simple Icon Style” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_iconbox icon=”fa-arrows” color=”custom” icon_color=”#8bc34a” title=”Simple Icon Style” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_iconbox icon=”fa-lock” color=”custom” icon_color=”#9c27b0″ title=”Simple Icon Style” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_iconbox icon=”fa-globe” color=”custom” icon_color=”#2196f3″ title=”Simple Icon Style” style=”” type=”default” external=”” size=”48px”] [/us_iconbox]
[us_separator type=”invisible” size=”small”]
[us_iconbox icon=”fa-whatsapp” color=”custom” icon_color=”#69db43″ bg_color=”#69db43″ title=”Outlined Circle Style” style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox icon=”fa-cube” color=”custom” icon_color=”#8224e3″ bg_color=”#ffbd23″ title=”Outlined Circle Style” style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox icon=”fa-ship” color=”custom” icon_color=”#1e73be” bg_color=”#1e73be” title=”Outlined Circle Style” style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox icon=”fa-subway” color=”custom” icon_color=”#ffbd23″ bg_color=”#dd3333″ title=”Outlined Circle Style” style=”outlined” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_separator type=”invisible” size=”small”]
[us_iconbox icon=”fa-diamond” color=”custom” icon_color=”#ffffff” bg_color=”#00bcd4″ title=”Solid Circle Style” style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox icon=”fa-gear” color=”custom” icon_color=”#fff1c4″ bg_color=”#009688″ title=”Solid Circle Style” style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox icon=”fa-comments” color=”custom” icon_color=”#5c6bc0″ bg_color=”#ffd54f” title=”Solid Circle Style” style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]
[us_iconbox icon=”fa-cloud” color=”custom” icon_color=”#c5e1a5″ bg_color=”#455a64″ title=”Solid Circle Style” style=”circle” type=”circle” external=”” size=”36px”] [/us_iconbox]

2 Icon Positions

[us_separator type=”invisible”]
[us_iconbox icon=”fa-tree” title=”Top Icon Position” style=”” type=”default” external=”” size=”48px”]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-lock” title=”Top Icon Position” style=”outlined” type=”circle” external=”” size=”36px”]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-check-square” title=”Top Icon Position” style=”circle” type=”default” external=”” size=”36px”]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_separator type=”invisible”]
[us_iconbox icon=”fa-briefcase” iconpos=”left” title=”Left Icon Position” style=”” type=”default” external=”” size=”48px”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-search” iconpos=”left” title=”Left Icon Position” style=”outlined” type=”circle” external=”” size=”36px”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-shopping-cart” iconpos=”left” title=”Left Icon Position” style=”circle” type=”default” external=”” size=”36px”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.

[/us_iconbox]

5 IconBox Sizes

[us_separator type=”invisible”]
[us_iconbox icon=”fa-birthday-cake” size=”24px” title=”Tiny Size” link=”url:%23″ style=”” type=”default” external=”” title_size=”20px”]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”36px” title=”Small Size” link=”url:%23″ style=”” type=”default” external=””]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” title=”Medium Size” link=”url:%23″ style=”” type=”default” external=”” size=”48px”]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_separator type=”invisible”]
[us_iconbox icon=”fa-birthday-cake” size=”70px” title=”Large Size” link=”url:%23″ style=”” type=”default” external=””]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”90px” title=”Huge Size” link=”url:%23″ style=”” type=”default” external=””]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]