Icon Boxes

Icon Box Style 1

Medium icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Medium icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Get Code


[one_half][iconbox type='left1' size='medium' color='#FF4518' icon='beaker-1' title='Medium icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='left1' size='medium' color='#ffffff' badge='#13A7D7' icon='android' title='Medium icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]

[one_half][iconbox type='left1' size='large' color='#00A4EF' icon='diamond' title='Large icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='left1' size='large' color='#ffffff' badge='#ff4e00' icon='graduation-cap' title='Large icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]


Icon Box Style 2

Medium icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Medium icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Get Code


[one_half][iconbox type='left2' size='medium' color='#ff0000' icon='headphones' title='Medium icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='left2' size='medium' color='#ffffff' badge='#13A7D7' icon='linux' title='Medium icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]
[one_half][iconbox type='left2' size='large' color='#00A4EF' icon='twitter-5' title='Large icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='left2' size='large' color='#ffffff' badge='#ff4e00' icon='lightbulb-1' title='Large icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]

Icon Box Style 3

Medium icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Medium icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Get Code


[one_half][iconbox type='left3' size='medium' color='#FF4518' icon='headphones' title='Medium icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='left3' size='medium' color='#ffffff' badge='#13A7D7' icon='linux' title='Medium icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]
[one_half][iconbox type='left3' size='large' color='#00A4EF' icon='globe-4' title='Large icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='left3' size='large' color='#ffffff' badge='#ff4e00' icon='lightbulb-1' title='Large icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]

Icon Box Style 4

Medium icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Medium icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Large icon with badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Get Code


[one_half][iconbox type='center' size='medium' color='#13A7D7' icon='pencil-1' title='Medium icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='center' size='medium' color='#ffffff' badge='#ff4e00' icon='bell-alt' title='Medium icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]
[one_half][iconbox type='center' size='large' color='#ff4e00' icon='params' title='Large icon' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='center' size='large' color='#ffffff' badge='#13A7D7' icon='windows' title='Large icon with badge' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]

Icon Boxes with icon animation

Icon animation 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Icon animation 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Icon animation 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Icon animation 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Icon animation 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Icon animation 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue.

Get Code


[one_half][iconbox type='center' size='large' color='#ffffff' badge='accented' icon='pencil-1' animation='1' title='Icon animation 1' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='center' size='large' color='#ffffff' badge='accented' icon='bell-alt' animation='2' title='Icon animation 2' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]
[one_half][iconbox type='center' size='large' color='#ffffff' badge='accented' animation='3' icon='params' title='Icon animation 3' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='center' size='large' color='#ffffff' badge='accented' icon='windows' animation='4' title='Icon animation 4' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last] [clearboth]
[one_half][iconbox type='center' size='large' color='#ffffff' badge='accented' animation='5' icon='pencil-1' title='Icon animation 5' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half] [one_half_last][iconbox type='center' size='large' color='#ffffff' badge='accented' animation='6' icon='pencil-1' title='Icon animation 6' ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis, ligula ac tristique commodo, elit lectus molestie erat, ut suscipit nisi ligula eu dolor. Ut et dolor at metus congue vehicula. Ut dignissim risus tellus, non lobortis tortor. Aenean eu nisi nec risus tincidunt facilisis in ac augue. [/iconbox][/one_half_last]