Icon Box Widget

Provide an instant idea about your product and what services you give. We have different types of icons in our library including Font awesome- Regular, Font Awesome- Solid, Font awesome- Brands.

Provide an instant idea about your product and what services you give. We have different types of icons in our library including Font awesome- Regular, Font Awesome- Solid, Font awesome- Brands.
see it in action

Box with icon Style

Create and Customize your box with beautiful Icon Style 

 

Showing your Icon in a stunning way attracts your customer and makes your WordPress sites more Eye-Catching. With this Iconbox you can personalize your own Icon, select your icon type from the library, show or hide Icon, upload icon from our icon box settings. 

Box with right arrow icon Style

Redirect user by using the most unique right arrow icon style 

Easy Payment

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

User Review

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

Communication

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

The most commonly used right arrow icon style mainly used for providing any direction or explaining to the user to do any action. You can add any hyperlink or URL to the right arrow. 

Box with radius button hover Style

Custom your  icon box Elementor with radius button hover style and help user to get the information you provide.

Easy Payment

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

User Review

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

Communication

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

This radius button hover style will allow you to provide a see more/ read more button which helps users to gain more information or knowledge of your products. In addition it will give you a hover effect when you put a cursor on your icon box.

Box with icon hover Style

Insert your Icon box with hover style and this widget will show exactly how you want it.

Human brain gets attracted to motion things easily.  With this  awesome icon box with hover style, you will get more attention from the user. In Addition, our Elementor widget allows you to show your box in an attractive way with customization options like icon type, read more, badge, content, icon box, container, background, overlay and many more.

Box with gradient hover Style

Design your WordPress sites with a more gradient look, and make your icon box more sover.

This hover style makes visual effects to the box and make a perfect gradient look . If you need more activity and interaction you should definitely try out this style of Elementor Icon Box. Wherever you put the cursor on the box the hover effect will show from the selected side.

Box with icon hover Style v2

This hover is very engaging and increase the number of your wordpress site visitors.

One of the most popular Hover styles for your webpage.  Therefore, with these creative styles you can customize Icon box text, Icon, Show or hide button, Provide Button link, Select the text alignment , Select Icon position and many more.

Box with icon hover Style v3

Another stunning way to display your Elementor icon box widget.

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Behind the word

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

A wonderful serenity

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This wonderful hover style will provide you the hover effect from the left side of the Icon box. Just try to hover icon box and you will notice the hover effects appear from the left side.

Box with icon hover Style 4

Do you want to display your icon widget that will be more eye-catching and give an attractive hover effect? Then go for this one!

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This hover effect allows you to target an element that the cursor or mouse pointer is hovering over and give a bounce effect. If you want to show your content in a more user-friendly way then you should definitely use this one.

Colorful box shape with fill color & icon

Make a Colorful Icon box filled with beautiful color and Icon.

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

European languages

Click edit to change this text. Lorem ipsum dolor sit amet, cctetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Just Insert the Colorful Icon box, Show Icon, Color and custom with icon box elementor settings. However you can change Button text, Choose background color, Border, Image Overlay, padding, margin, Entrance Animation from the drop-down and others.

Box shape with image overlay

Add an additional layer of your image using this existing Icon box style.

Using this attractive style, you can add extra texture of your image and make it more noticeable. To make it more bold you can customize it at your own choice by selecting Background color, Border type, Border radius, Animation effect, Box shadow and so on.

Box shape with left side icon

Display your Icon on the left side of the box with this awesome Icon box style!

Add your Icon box and select position on the left side of the box. In addition you can custom Heading, description, Button, Show or Hide badge, Enable Hover Water Mark, Icon Position, Content Alignment, HTML tag with color style, Line height, Typography, Animation, Show or Hide overlay and others.

$559   $459

Box shape with right side icon

Showcase your Icon on the right side of the box and your site visitor will like this!

With many customizable options select your position on the right side of the box. Custom Heading, Icon Position,  Add Animation effects,Alignment, HTML tag with color style, Line height, Margin, Show or HIde badge and lots more.

Minimal style with icon & button

Explore your design idea with this simple but eye-catchy minimal style with icon and button.

Easy Payment

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

User Review

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

Communication

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

The easiest way to insert your icon with this amazing style with just one click. This Icon style is very popular and user-friendly. Custom Icon box with Elementor add color, border type, spacing, padding and make your WordPress sites more productive. 

Rounded icon with rounded border style

Modernize your rounded icon box with rounded border style. This is one of the best icon style for your WordPress site.

Easy Payment

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

User Review

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

Communication

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradise

Among all the Icon styles this rounded style is the coolest one. This advanced rounded icon will allow you to provide a rounded shape icon style when the user put a cursor on the mouse. However, you can enable or disable Hover Water Mark, select Icon position, content Alignment, select HTML tab, show or hide badge, Border Style position and others more.

Border color box with less gap

Do you want to show your information with less gap? Then you should definitely use this style!

Showing information with less gaps will make your site look really good. If you have less words to show with a huge gap looks imperfect. So here we have come up with an amazing solution. With this Border style you can show your icon box content with less gap and wonderful color effects.

Border color box with less gap style 2

Another Simple and easy way to show your content with less gap. Grab user attention in a more productive way.

If you want a simple and classy looking icon box that expresses all your data at the same place with less gap, then you should go for this style. With this Border style you can create and customize your icon box with border,style, vertical position, style your content, background overlay and so on.

Border color box with less gap style 3

Make your WordPress sites more productive using this colorful icon box with less gap style.

One of the smartest way to display your Elementor Icon Box with amazing color with hover effects. This color effect will be shown by putting a mouse on the Icon box. Moreover, We have a power setting for you to control every element you want. So don’t waste your time just start building your own website.

Take a look at our other widgets

Why do you need multiple plugins? Elementskit offers everything under the one hood.

Icon Box Widget for Elementor

Do you need an Icon box Elementor widget that fits for building a website mainly used for product and service pages? Display your products and services in an attractive way through our Elementor widget with many  customization options like add icon, custom read more button, enable or disable badge, Add URL, powerful settings option with Hover Water Mark, HTML Tag, Badge with many styles on Icon, Content, Icon box Container, Background Overlay and many many more. In addition, this Icon box widget is very responsive for any devices including Mobile,Tab and Desktop. So with this amazing widget, you can control anything you want. Moreover, We Have thousands of icons you can search and pick the right one. Similarly, we have our own Elementskit Icon library you can choose from. Get all the setup at one place so you don't have to use other plugins as well.