7 Best Icon Box WordPress Plugins (Gutenberg, Elementor & More)

Icon boxes are small but powerful design elements that help present information in a clear, visually engaging way. By combining icons with text, they make it easier for visitors to scan content, understand key messages, and navigate a website more efficiently. Whether you’re highlighting features, showcasing services, or introducing team members, icon boxes provide a flexible and effective way to enhance user experience.

In today’s fast-paced digital landscape, where attention spans are short and visuals matter more than ever, icon boxes have become an essential component of modern WordPress websites. With the right plugin, you can create eye-catching icon boxes that match your site’s design, maintain consistency, and communicate information without overwhelming visitors.

To help you choose the right solution, we’ve curated a list of the best icon box WordPress plugins. This list covers a range of options, from Gutenberg-based plugins to page builder and shortcode-friendly solutions, so you can find the one that best fits your workflow and website needs. Let’s dive in.

Plugin

Editor/ Dependency

Icon Box Approach

Download

Ultimate Blocks

Gutenberg (Block Editor)

Dedicated Icon Block

;

WP Table Builder

Editor-agnostic

Icon box–style layouts using Icon & Text Icon elements

;

Elementor

Page Builder

Built-in Icon Box Widget

;

ElementsKit

Elementor Add-on

Advanced Icon Box widget

;

Happy Addons

Elementor Add-on

Simplified Icon Box / Infobox

;

Colorbox Panels & Info Box

Shortcode-based

Content & icon panels

;

BeTheme

BeTheme Only

Icon Box & Icon Box Basic elements

;

Ultimate Blocks

Ultimate Blocks is a powerful Gutenberg-focused plugin that extends the default WordPress block editor with advanced content blocks. Among its offerings, the Icon Block enables users to build clean, flexible icon boxes using native WordPress blocks, without relying on page builders like Elementor.

Ultimate Blocks’ Icon Block works seamlessly with core Group, Columns, and Layout blocks, allowing users to design fully responsive icon boxes that align perfectly with modern block-based WordPress themes. In addition, the plugin includes several pre-designed Icon Box patterns, making it easy for beginners to get started quickly while still offering enough flexibility for advanced users.

The Icon Block allows users to add icons alongside headings and text with full control over alignment, spacing, colors, and typography. Since it’s built for the block editor, all icon boxes created with Ultimate Blocks remain lightweight, future-proof, and free from shortcode or page builder lock-in. This makes it an excellent choice for users who prefer a native WordPress experience and long-term content stability.

Also Read: Best Gutenberg Blocks WordPress Plugins

Demo:

Icon boxes created with Ultimate Blocks can be used for showcasing services, features, or highlights in multi-column layouts using the default block editor. The included block patterns provide ready-made icon box layouts that can be customized further using core Gutenberg controls.

Key Features:

  • Dedicated Icon Block for the WordPress block editor.
  • Build icon boxes using core Group and Columns blocks.
  • Pre-designed Icon Box block patterns.
  • Full control over icon size, color, and alignment.
  • Compatible with any block-based WordPress theme.
  • Lightweight and performance-friendly.
  • No shortcodes or page builder dependency.
  • Clean, future-proof content structure.

Price:

Ultimate Blocks is available for free as a WordPress plugin, with all core icon box features accessible without requiring a paid upgrade.

WP Table Builder

WP Table Builder is primarily a WordPress table-building plugin, but it can also be used to create icon box–style layouts using its advanced table elements. While WP Table Builder does not include a dedicated Icon Box block or widget, users can design similar layouts by using the Icon and Text Icon elements inside table cells.

The Icon element allows users to add standalone icons with control over size, color, and alignment. The Text Icon element, on the other hand, combines an icon with text in a single element, making it suitable for compact, self-contained icon box–style sections. Users can choose to use either element independently or combine both, depending on the layout requirements.

A key advantage of WP Table Builder is its shortcode support, which allows these layouts to be embedded anywhere on a WordPress site, regardless of the editor or page builder being used.

Demo:

WP Table Builder can be used to build feature grids, service highlights, or informational panels that visually resemble icon boxes—while retaining a structured, table-based layout.

Key Features:

  • Two separate elements for icons: Icon and Text Icon
  • Drag-and-drop table builder with flexible grid control
  • Suitable for icon box–style feature and service layouts
  • Shortcode support for use anywhere in WordPress
  • Editor-agnostic and page-builder independent
  • Icon and Text Icon elements available in the Pro version

Price:

WP Table Builder offers a free version, but the Icon and Text Icon elements required for icon box–style layouts are available only in the Pro plan.

Elementor

Elementor, the leading WordPress website builder, transforms website creation with its 40+ free widgets designed for professional and engaging sites. The Elementor Icon Box Widget, one of these 40+ free widgets, comes out as a handy tool by allowing users to present information using icons, titles, and descriptions in a visually appealing format. 

With the icon box widget, users can either use icons or replace icons with images from the icon library, or even upload their own SVGs for a personalized touch. The option to set the icon view as Default, Stacked, or Framed adds to its customization capabilities. You can choose between circle and square shapes for icons to enhance flexibility and style. At the same time, In the Content tab, you will gain full access to manage and customize all aspects of the icon box, including the icon, view, title, description, and link. The Style tab lets you tweak icon and text colors, fonts, and other design elements to match your site’s aesthetic. You can adjust the icon position, alignment, and spacing between icons and content for perfect layout control.

The Advanced tab provides extensive customization options, including control over icon box positioning, spacing adjustments, and the addition of custom code. Custom attributes and title HTML tag settings enhance SEO and accessibility, making this widget an invaluable tool for any website.

Demo: 

Key Features: 

  • Replace icons with images from the icon library or upload SVGs.
  • Set icon view as Default, Stacked, or Framed.
  • Choose between Circle or Square shapes for icons.
  • Manage and customize icon box information and elements in the Content tab.
  • Customize icon and text colors, fonts, and design elements in the Style tab.
  • Adjust icon position, alignment, and spacing in the Style tab.
  • Control icon box positions and spacing. 

Price: 

Elementor, the leading WordPress website builder, offers its Icon Box Widget for free.

 ElementsKit

ElementsKit Icon Box Widget is a versatile and comprehensive plugin designed to highlight your products and services effectively. The plugin’s extensive collection of icons, including Font Awesome—Regular, Solid, and Brands, helps to stand out in terms of icon box functionalities and customization options. 

The plugin allows users to create and personalize icon boxes with an extensive range of beautiful icon styles. Starting with the basic styles for icon boxes compiled with unique arrow icon styles allows efficient user engagement and comfortability. This plugin’s vast icon selection and design flexibility will definitely make the users fall in awe. The plugin includes custom radius button hover styles, Gradient hover styles, and colorful box shapes with fill colors to add visual appeal. Multiple different box shapes, including those with image overlays and side icons, offer diverse design possibilities. 

In addition to those, the List styles with colorful and bordered icons and color box styles with minimal gaps ensure a clean, professional look. These features collectively make the ElementsKit Icon Box Widget a powerful and adaptable solution for any user looking for a sleek and powerful icon box.

Demo: 

Key Features: 

  • Extensive icon collection.
  • Multiple design options for icon boxes.
  • Upload SVG icons from your device.
  • Enable watermark for icon box.
  • Style icon box with background overlay.
  • Unique right arrow icon for user redirection.
  • Gradient hover styles for enhanced visual appeal.
  • Colorful box shapes with fill colors and icons.
  • Box shapes with image overlays.

Price: 

ElementsKit Icon Box Widget is available for free as a third-party addon.

Happy Addons for Elementor

Happy Addons for Elementor is a dynamic extension engineered to enrich your Elementor experience. With 143+ Free & Pro Widgets & 24+ Features, it stands as one of the best Elementor add-ons on the market. 

The Icon Box Widget is basically a simplified version of the Infobox and offers various styles for showcasing information with flair. Using the plugin’s easy drag-and-drop interface, you can effortlessly design your icon boxes with icons or SVGs, titles, badge text, box links, and many more. You can control every aspect of your design and even add an extra splash with motion effects. From setting text size and alignment to designing the icon, title, and badge, the possibilities are limitless. You can set the perfect padding, borders, and shadow to refine the visual presentation further, use the typography settings to make the texts within the boxes more engaging and use hover effects to make the box content stand out from the others.  

Within the Icon Box Widget, you’ll discover a multitude of customization options, and the Advanced Tab option is like an extra sauce for fine-tuning your box’s appearance, background, and responsiveness. This comprehensive suite of features will act as a perfect tool to create captivating icon boxes customized to your exact specifications.

Demo: 

Key Features: 

  • 143+ Free & Pro Widgets.
  • Easy drag-and-drop interface.
  • Design icon boxes with icons or SVGs.
  • Customize titles, badge text, and box links.
  • Control icon size, text alignment, and hover effects.
  • Set typography, text shadow, and text color.
  • Fine-tune with Motion effects, background adjustments, and responsiveness controls.

Price: 

Happy Addons for Elementor includes a free Icon Box widget among its 143+ Free & Pro Widgets.

Colorbox Panels & Info Box

Colorbox Panels & Info Box, introduces a novel approach to presenting content on websites. With its foundation on the Bootstrap framework, the plugin ensures responsiveness across various devices, distinguishing it from others in its league. 

Unlike traditional pop-up or lightbox plugins, this tool focuses on content and icon boxes, offering a sleek column layout. Its versatility allows for the incorporation of multiple boxes on various pages and posts, facilitating the creation of service or team pages effortlessly. One standout feature is the limitless color schemes and font styles available for customization, providing endless creative possibilities. The plugin seamlessly integrates with themes, offering limitless color boxes and panel placement. Users benefit from the intuitive drag-and-drop builder API, simplifying the organization of box items. The inclusion of draggable box items further enhances usability, enabling easy sorting. Its rich input fields streamline content creation, while the support for Font Awesome icons adds visual appeal. 

The plugin offers various box layouts, including masonry/isotope effects, catering to diverse design preferences. With individual box color settings, external link options, and extensive customization features, Colorbox Panels & Info Box empowers users to craft stunning, personalized website elements easily.

Demo: 

Key Features: 

  • Responsive and mobile-friendly design.
  • Infinite Colorbox/panels integration.
  • Draggable box items for effortless sorting.
  • Varied input field options for content.
  • Unlimited color choices for customization.
  • Masonry/Isotope effect integration for dynamic display.
  • Eight types of loading animations.

Price: 

Colorbox Panels & Info Box offers both free and pro versions, with the Colorbox Pro Plugin available for just $5.

Betheme 

Icon Box by Betheme is an innovative plugin designed to enhance website visuals with customizable icon boxes. Icon Box and Icon Box Basic offer unique features that differentiate them from other plugins.

Icon Box enables users to add titles and content text and choose icon positions like Top, Bottom, Left, or Right. You can enjoy customization options, including the ability to select images from the Media Library instead of icons and apply hover effects such as Move box up, Zoom box, or Zoom icon. You will also enjoy the flexibility in positioning icons at the Start, Center, or End, adding to the plugin’s distinctiveness.

The Icon Box Basic allows users to add titles and content text with simplified options for icon positions: Top or Left. It also supports image selection from the Media Library and includes the option to show or hide the right border. You can choose custom entrance animations on scroll or static appearance to add dynamic elements to the design. These combined features make Icon Box by Betheme a versatile tool for diverse design needs.

Demo: 

Key Features: 

  • Choose icon position: Top / Bottom, Left / Right.
  • Select images from the Media Library instead of using an icon.
  • Apply hover effects: Move box up, Zoom box, and Zoom icon.
  • Position the icon at the Start, Center, or End.
  • Option to show or hide the right border.
  • Ability to enter animation on a scroll. 

Price: 

Icon Box by Betheme requires purchasing a Regular License for $60 per year to access its features.

FAQs

What is an icon box in WordPress?

An icon box is a design element that combines an icon with text—such as a title and short description—to present information in a visually engaging and easy-to-scan format. Icon boxes are commonly used to highlight features, services, benefits, or team members on WordPress websites.

Do I need a page builder to create icon boxes in WordPress?

Which is the best icon box plugin for Gutenberg?

Can I create icon boxes without Elementor?

Are icon box plugins bad for website performance?

Conclusion

Each plugin featured in this list offers a reliable way to create visually appealing icon boxes for WordPress websites. While they differ in approach—ranging from Gutenberg-based solutions to page builder widgets and shortcode-friendly alternatives—they all serve the same goal: presenting information clearly and effectively using icon-driven layouts.

The right choice ultimately depends on your workflow, preferred editor, and the level of customization you need. Since most of the plugins covered here offer free versions, we recommend testing a few options to see which one fits best with your website and content creation process.

If you’ve come across an icon box plugin that delivers exceptional value and isn’t included in this list, feel free to share it in the comments. We’re always open to discovering useful tools that can help WordPress users build better websites.

Comments

Leave a Reply