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
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
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
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
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
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
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
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
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
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
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
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.
Box shape with right side icon
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.
List style with colorful icon
Here comes out our most interesting Icon box with listing style. With this Box Icon you can show your product and services in a listing way. That would be definitely more effective and readable to the user. Besides that, You will have a lot of customization options for giving your Icon Box a professional Look.
List style with border color style icon
Do you want to display your information in a professional way? With this List style you can show your product and services with a border color style icon and enhance the customer satisfaction. In addition, there are so many customization options that you can use at your own purpose.
List style with box shadow style icon
Most advanced and amazing shadow style will make your Icon box more effective. Choose Icon, edit text, read more buttons, badge and many more. All the settings at one place!
Minimal style with icon & button
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
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
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
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
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.
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.
Take a look at our other widgets
Why do you need multiple plugins? Elementskit offers everything under the one hood.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duration
Description
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
