IconBox

[us_page_title description=“1″ font_size=“1.8rem“ inline=“1″]
[us_breadcrumbs show_current=“1″ font_size=“0.9rem“ separator_icon=“material|chevron_right“ align=“right“]

4 Predefined Colors

[us_separator type=“invisible“]
[us_iconbox icon=“material|grade“ title=“Primary Icon Color“ size=“50px“][/us_iconbox]
[us_iconbox icon=“material|grade“ color=“secondary“ title=“Secondary Icon Color“ size=“50px“][/us_iconbox]
[us_iconbox icon=“material|grade“ color=“contrast“ title=“Contrast Icon Color“ size=“50px“][/us_iconbox]
[us_iconbox icon=“material|grade“ color=“light“ title=“Light Icon Color“ size=“50px“][/us_iconbox]
[us_separator type=“invisible“ size=“small“]
[us_iconbox icon=“material|grade“ style=“circle“ title=“Primary Icon Color“ link=“url:%23″ size=“36px“][/us_iconbox]
[us_iconbox icon=“material|grade“ style=“circle“ color=“secondary“ title=“Secondary Icon Color“ link=“url:%23″ size=“36px“][/us_iconbox]
[us_iconbox icon=“material|grade“ style=“circle“ color=“contrast“ title=“Contrast Icon Color“ link=“url:%23″ size=“36px“][/us_iconbox]
[us_iconbox icon=“material|grade“ style=“circle“ color=“light“ title=“Light Icon Color“ link=“url:%23″ size=“36px“][/us_iconbox]

Unlimited Custom Colors

[us_separator type=“invisible“]
[us_iconbox icon=“material|assignment_turned_in“ color=“custom“ icon_color=“#ef5350″ title=“Simple Icon Style“ size=“50px“][/us_iconbox]
[us_iconbox icon=“material|open_with“ color=“custom“ icon_color=“#8bc34a“ title=“Simple Icon Style“ size=“50px“][/us_iconbox]
[us_iconbox icon=“material|lock“ color=“custom“ icon_color=“#9c27b0″ title=“Simple Icon Style“ size=“50px“][/us_iconbox]
[us_iconbox icon=“material|language“ color=“custom“ icon_color=“#2196f3″ title=“Simple Icon Style“ size=“50px“][/us_iconbox]
[us_separator type=“invisible“ size=“small“]
[us_iconbox icon=“material|polymer“ style=“circle“ color=“custom“ icon_color=“#ffffff“ bg_color=“#00bcd4″ title=“Circle Icon Style“ size=“36px“][/us_iconbox]
[us_iconbox icon=“material|settings“ style=“circle“ color=“custom“ icon_color=“#fff1c4″ bg_color=“#009688″ title=“Circle Icon Style“ size=“36px“][/us_iconbox]
[us_iconbox icon=“material|question_answer“ style=“circle“ color=“custom“ icon_color=“#5c6bc0″ bg_color=“#ffd54f“ title=“Circle Icon Style“ size=“36px“][/us_iconbox]
[us_iconbox icon=“material|track_changes“ style=“circle“ color=“custom“ icon_color=“#c5e1a5″ bg_color=“#455a64″ title=“Circle Icon Style“ size=“36px“][/us_iconbox]

2 Icon Positions

[us_separator type=“invisible“]
[us_iconbox icon=“material|query_builder“ title=“Top Icon Position“ size=“50px“]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|lock_outline“ style=“circle“ title=“Top Icon Position“ size=“36px“]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|verified_user“ title=“Top Icon Position“ size=“50px“]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_separator type=“invisible“]
[us_iconbox icon=“material|wallet_travel“ iconpos=“left“ title=“Left Icon Position“ size=“50px“ alignment=“left“]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|search“ style=“circle“ iconpos=“left“ title=“Left Icon Position“ size=“36px“ alignment=“left“]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|shopping_cart“ iconpos=“left“ title=“Left Icon Position“ size=“50px“ alignment=“left“]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=“material|cake“ size=“28px“ title=“Tiny Size“ link=“url:%23″ title_size=“18px“]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|cake“ size=“36px“ title=“Small Size“ link=“url:%23″ title_size=“20px“]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|cake“ title=“Medium Size“ link=“url:%23″ size=“50px“]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_separator type=“invisible“]
[us_iconbox icon=“material|cake“ size=“70px“ title=“Large Size“ link=“url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=“material|cake“ size=“100px“ title=“Huge Size“ link=“url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]