---
title: "How to Add Icons to Elementor Tabs Widget?"
url: https://theplusaddons.com/docs/add-icons-to-elementor-tabs/
date: 2023-02-13
modified: 2026-04-12
author: "Aditya Sharma"
description: "If you want to add icons to your tabs widget in Elementor, it is very easy to do with The Plus Addons for Elementor Tabs/Tours widget. To add an icon..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/Tours-Widget_-1024x536.jpg
word_count: 244
---

# How to Add Icons to Elementor Tabs Widget?

## Key Takeaways

- The Plus Addons for Elementor Tabs/Tours widget allows users to add icons to tab titles easily.
- Users can select icons from four options: Font Awesome, Font Awesome 5, Icons Mind, or a custom image.
- The Show Outer Icon toggle enables users to add an additional icon to the tab title.

If you want to add icons to your tabs widget in Elementor, it is very easy to do with The Plus Addons for Elementor Tabs/Tours widget.

To add an icon to the tab title drag and drop the Tabs/Tours widget on the page, then open the tab you want to add the icon to.

*To check the complete feature overview documentation of The Plus Addons for Elementor Tabs and Tours widget, [click here](/docs/tabs-tours-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/tabs/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

Turn on the **Show Inner Icon** toggle, then you can add icons from multiple libraries, or you can add your own image as well.

From the **Icon Type** dropdown, you can select different types of inner icons to add to the tab. Here you’ll find four options -

- **Font Awesome** - To use icons from the original Font Awesome library,

- **Font Awesome 5** - To use icons from Font Awesome version 5,

- **Icons Mind** - To use icons from the Icons Mind collection,

- **Image **- To use a custom image as the icon

Based on your selection, you have to add an icon.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Tabs-Tours-Add-Icons.png)

You can also add an additional icon to the title by turning on the **Show Outer Icon** toggle.

You can use the same options as those available for the show inner icon.

![tabs with icon](https://theplusaddons.com/wp-content/uploads/2023/02/tabs-with-icon.png)

Also, check [How to change Elementor Tab on Hover](https://theplusaddons.com/docs//elementor-tab-on-hover/).

## Frequently Asked Questions

**Q: What should I do if the icons are not showing up in the Elementor Tabs widget?**
A: If icons are not appearing in your Elementor Tabs widget, ensure that you have activated the 'Show Inner Icon' toggle. This setting allows icons from various libraries or custom images to be displayed. If the toggle is on and icons still don't show, check if The Plus Addons for Elementor is properly installed and activated, as this widget relies on it.

**Q: What is the best way to add multiple icons to a tab title in Elementor?**
A: To add multiple icons to a tab title, enable both the 'Show Inner Icon' and 'Show Outer Icon' toggles. This allows you to add an inner icon from libraries like Font Awesome or a custom image, and an outer icon using the same options. This approach enhances visual appeal and can help in distinguishing tabs more effectively.

**Q: Are there any limitations when using icons in the Elementor Tabs widget?**
A: One limitation to consider is that the Tabs widget can only display icons if The Plus Addons for Elementor is installed and activated. Additionally, while you can choose from multiple icon libraries, the visual impact may vary depending on the icon's size and design. It's important to test how icons appear on different devices to ensure consistency.

**Q: How can I change the tab icon on hover in Elementor?**
A: To change the tab icon on hover, you can refer to the tutorial on [how to change Elementor Tab on Hover](https://theplusaddons.com/docs//elementor-tab-on-hover/). This feature allows you to create dynamic interactions that enhance user engagement. Implementing hover effects can make your tabs more visually appealing and improve user experience.