IconBox

3 Icon Styles & 4 Predefined Colors

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

Unlimited Custom Colors

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

2 Icon Positions

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

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

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

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

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

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

[/us_iconbox]
[us_separator type=”invisible” size=”huge”]

Unlimited Sizes

[us_separator type=”invisible”]
[us_iconbox icon=”fa-birthday-cake” size=”20px” title=”20px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”30px” title=”30px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”40px” title=”40px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”50px” title=”50px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”60px” title=”60px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” size=”70px” title=”70px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_separator type=”invisible”]
[us_iconbox icon=”fa-birthday-cake” style=”circle” size=”20px” title=”20px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” style=”circle” size=”30px” title=”30px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” style=”circle” size=”40px” title=”40px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” style=”circle” size=”50px” title=”50px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” style=”circle” size=”60px” title=”60px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]
[us_iconbox icon=”fa-birthday-cake” style=”circle” size=”70px” title=”70px Size” link=”url:%23″ type=”default” external=””][/us_iconbox]