IconBox

[vc_row content_placement=»middle» height=»small» color_scheme=»alternate»][vc_column width=»1/2″][us_post_title inline=»1″ tag=»h1″ migration_add_content=»1″ css=»%7B%22default%22%3A%7B%22font-size%22%3A%221.8rem%22%2C%22margin-bottom%22%3A0%7D%7D»][/vc_column][vc_column width=»1/2″][us_breadcrumbs show_current=»1″ separator_icon=»material|chevron_right» align=»right» css=»%7B%22default%22%3A%7B%22font-size%22%3A%220.9rem%22%7D%7D»][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

4 Predefined Colors

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» title=»Primary Icon Color» size=»50px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»secondary» title=»Secondary Icon Color» size=»50px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»contrast» title=»Contrast Icon Color» size=»50px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»light» title=»Light Icon Color» size=»50px»][/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator size=»small»][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» style=»circle» title=»Primary Icon Color» link=»url:%23″ size=»36px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» style=»circle» color=»secondary» title=»Secondary Icon Color» link=»url:%23″ size=»36px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» style=»circle» color=»contrast» title=»Contrast Icon Color» link=»url:%23″ size=»36px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» style=»circle» color=»light» title=»Light Icon Color» link=»url:%23″ size=»36px»][/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row color_scheme=»alternate»][vc_column][vc_column_text]

Unlimited Custom Colors

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|assignment_turned_in» color=»custom» icon_color=»#ef5350″ title=»Simple Icon Style» size=»50px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|open_with» color=»custom» icon_color=»#8bc34a» title=»Simple Icon Style» size=»50px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|lock» color=»custom» icon_color=»#9c27b0″ title=»Simple Icon Style» size=»50px»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|language» color=»custom» icon_color=»#2196f3″ title=»Simple Icon Style» size=»50px»][/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator size=»small»][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|polymer» style=»circle» color=»custom» icon_color=»#ffffff» title=»Circle Icon Style» size=»36px» circle_color=»#00bcd4″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|settings» style=»circle» color=»custom» icon_color=»#fff1c4″ title=»Circle Icon Style» size=»36px» circle_color=»#009688″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|question_answer» style=»circle» color=»custom» icon_color=»#5c6bc0″ title=»Circle Icon Style» size=»36px» circle_color=»#ffd54f»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|track_changes» style=»circle» color=»custom» icon_color=»#c5e1a5″ title=»Circle Icon Style» size=»36px» circle_color=»#455a64″][/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

2 Icon Positions

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|query_builder» title=»Top Icon Position» size=»50px»]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|verified_user» title=»Top Icon Position» size=»50px»]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row color_scheme=»alternate»][vc_column][vc_column_text]

5 IconBox Sizes

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][vc_column_inner width=»1/3″][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][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner][vc_column_inner width=»1/2″][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][/vc_column_inner][vc_column_inner width=»1/2″][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][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Scroll al inicio