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]