UDesign icon box

The Icon Box Element is of what to transform your information to your customers. This element allows you to add certain icon and various contents.

Icon box

Database system

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,

Graphic portfolio

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,

Growth trends 2022

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,

Icon options galore

The Icon Box Element allows you to add full information. In addition, massive style options follow them so that you could build your own icon box.

Icon view

This option is to select your favourite type of icon in your site.

Animation on hover

This options is to select animation of icons on hovering icon boxes.

Overlay on hover

This options is to select animation overlay of icons on hovering icon boxes.

Build for professional

Choose one out of many styles

Icon box elements are widely used in real sites. Here are some examples showing off the usage of icon boxes in our sites.

Shadow icon boxes

Database system

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit consequat. Nec sagittis sem nibh id elit.

Read More

Graphic portfolio

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit consequat. Nec sagittis sem nibh id elit.

Read More

Growth trends 2022

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit consequat. Nec sagittis sem nibh id elit.

Read More

Stacked icon boxes

Database system

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Graphic portfolio

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Growth trends 2022

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Solid Icon Boxes

Database system

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Graphic portfolio

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Growth trends 2022

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

On background

Displaying information in white color on dark background is also intuitive for visitors, it also increases their attraction to your advertisement.

Colored icon

Database system

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,

Graphic portfolio

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,

Growth trends 2022

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,

Icon & Title

Database system

Graphic portfolio

Growth trends 2022

Support center

Animated icon boxes

There are several attractive hover effects for icon boxes, their animations will make your site more attrative and shiny than others.

Database system

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Graphic portfolio

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Growth trends 2022

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Database system

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Graphic portfolio

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Growth trends 2022

Lorem ipsum dolor sit amet, consectetur a elit, sed do eiusmo

Read More

Glossary

Icon box element options

Customize Elements Globally or Individually

  • Icon: Select your icon from our icon group.
  • Title: Write a title of icon box.
  • Description: Write the description of icon box.
  • Show Button: Toggle to show or not a button.
  • Icon Position: Control  position of icon.
  • Alignment: Control horizontal alignment of content of icon box.
  • Vertical Alignment: Control to vertical alignment of entire icon box.
  • Icon: Styling Options for icon.
  • Title: Styling Options for title of icon box.
  • Description: Styling Options for description of icon box.
  • Button Style: Styling Options for button of icon box.