IconBox

4 Icon Weights

[us_separator]
[us_iconbox icon=”fas|badge-percent” size=”4rem” title=”Solid”][/us_iconbox][us_iconbox icon=”far|badge-percent” size=”4rem” title=”Regular”][/us_iconbox][us_iconbox icon=”fal|badge-percent” size=”4rem” title=”Light”][/us_iconbox][us_iconbox icon=”fad|badge-percent” size=”4rem” title=”Duotone”][/us_iconbox]
[us_iconbox icon=”fas|chart-line” size=”4rem” title=”Solid”][/us_iconbox][us_iconbox icon=”far|chart-line” size=”4rem” title=”Regular”][/us_iconbox][us_iconbox icon=”fal|chart-line” size=”4rem” title=”Light”][/us_iconbox][us_iconbox icon=”fad|chart-line” size=”4rem” title=”Duotone”][/us_iconbox]
[us_iconbox icon=”fas|tire” size=”4rem” title=”Solid”][/us_iconbox][us_iconbox icon=”far|tire” size=”4rem” title=”Regular”][/us_iconbox][us_iconbox icon=”fal|tire” size=”4rem” title=”Light”][/us_iconbox][us_iconbox icon=”fad|tire” size=”4rem” title=”Duotone”][/us_iconbox]
[us_iconbox icon=”fas|dice” size=”4rem” title=”Solid”][/us_iconbox][us_iconbox icon=”far|dice” size=”4rem” title=”Regular”][/us_iconbox][us_iconbox icon=”fal|dice” size=”4rem” title=”Light”][/us_iconbox][us_iconbox icon=”fad|dice” size=”4rem” title=”Duotone”][/us_iconbox]

3 Icon Styles & 4 Predefined Colors

[us_separator]
[us_iconbox icon=”fad|star” title=”Primary Icon Color”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”secondary” title=”Secondary Icon Color”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”contrast” title=”Contrast Icon Color”]
[/us_iconbox]
[us_iconbox icon=”fad|star” color=”light” title=”Light Icon Color”]
[/us_iconbox]
[us_separator size=”small”]
[us_iconbox icon=”fad|star” style=”outlined” title=”Primary Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”secondary” style=”outlined” title=”Secondary Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”contrast” style=”outlined” title=”Contrast Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”light” style=”outlined” title=”Light Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_separator size=”small”]
[us_iconbox icon=”fad|star” style=”circle” title=”Primary Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”secondary” style=”circle” title=”Secondary Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”contrast” style=”circle” title=”Contrast Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|star” color=”light” style=”circle” title=”Light Icon Color” link=”url:%23″ type=”circle”][/us_iconbox]

Unlimited Custom Colors

[us_separator]
[us_iconbox icon=”fad|check-square” color=”custom” style=”” icon_color=”#ef5350″ title=”Simple Icon Style”][/us_iconbox]
[us_iconbox icon=”fad|arrows-alt” color=”custom” style=”” icon_color=”#8bc34a” title=”Simple Icon Style”][/us_iconbox]
[us_iconbox icon=”fad|glasses” color=”custom” icon_color=”#9c27b0″ title=”Simple Icon Style”][/us_iconbox]
[us_iconbox icon=”fad|globe” color=”custom” style=”” icon_color=”#2196f3″ title=”Simple Icon Style”][/us_iconbox]
[us_separator size=”small”]
[us_iconbox icon=”fad|envelope-open-dollar” color=”custom” style=”outlined” icon_color=”#69db43″ circle_color=”#69db43″ title=”Outlined Circle Style” type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|cube” color=”custom” style=”outlined” icon_color=”#8224e3″ circle_color=”#ffbd23″ title=”Outlined Circle Style” type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|ship” color=”custom” style=”outlined” icon_color=”#1e73be” circle_color=”#1e73be” title=”Outlined Circle Style” type=”circle”]
[/us_iconbox]
[us_iconbox icon=”fad|subway” color=”custom” style=”outlined” icon_color=”#ffbd23″ circle_color=”#dd3333″ title=”Outlined Circle Style” type=”circle”][/us_iconbox]
[us_separator size=”small”]
[us_iconbox icon=”fad|gem” color=”custom” style=”circle” icon_color=”#ffffff” circle_color=”#00bcd4″ title=”Solid Circle Style” type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|cog” color=”custom” style=”circle” icon_color=”#fff1c4″ circle_color=”#009688″ title=”Solid Circle Style” type=”circle”][/us_iconbox]
[us_iconbox icon=”fad|comments” color=”custom” style=”circle” icon_color=”#5c6bc0″ circle_color=”#ffd54f” title=”Solid Circle Style” type=”circle”]
[/us_iconbox]
[us_iconbox icon=”fad|wine-glass-alt” color=”custom” style=”circle” icon_color=”#c5e1a5″ circle_color=”#455a64″ title=”Solid Circle Style” type=”circle”][/us_iconbox]

3 Icon Positions

[us_separator]
[us_iconbox icon=”fad|briefcase” iconpos=”left” title=”Left Icon Position” alignment=”left”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox][us_separator][us_iconbox icon=”fad|search” style=”outlined” iconpos=”left” title=”Left Icon Position” alignment=”left” type=”circle”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles.[/us_iconbox][us_separator][us_iconbox icon=”fad|shopping-cart” style=”circle” iconpos=”left” title=”Left Icon Position” alignment=”left”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles.[/us_iconbox]
[us_iconbox icon=”fad|monkey” title=”Top Icon Position”]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][us_separator][us_iconbox icon=”fad|lock” style=”outlined” title=”Top Icon Position” type=”circle”]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][us_separator][us_iconbox icon=”fad|check-square” style=”circle” title=”Top Icon Position”]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon=”fad|edit” iconpos=”right” title=”Right Icon Position” alignment=”left”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox][us_separator][us_iconbox icon=”fad|cut” style=”outlined” iconpos=”right” title=”Right Icon Position” alignment=”left” type=”circle”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles.[/us_iconbox][us_separator][us_iconbox icon=”fad|shopping-basket” style=”circle” iconpos=”right” title=”Right Icon Position” alignment=”left”]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles.[/us_iconbox]

Unlimited Sizes

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