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]