---
title: "How to change WordPress Tab icon?"
url: https://nexterwp.com/docs/change-wordpress-tab-icon/
date: 2023-02-10
modified: 2026-06-10
author: "Aditya Sharma"
description: "By default, WordPress tab blocks do not include icons, but with the Nexter Blocks Tabs Tours block, you can add and change icons in your tab titles. Adding icons to..."
image: https://nexterwp.com/wp-content/uploads/2024/05/change-wordpress-tab-icon-1024x519.jpg
word_count: 328
---

# How to change WordPress Tab icon?

## Key Takeaways

- Nexter Blocks Tabs Tours block adds and changes icons in WordPress tab titles, while default WordPress tab blocks do not include icons.
- Show Inner Icon toggle adds the main icon to a tab title, and the icon library lets a user select or change that icon, use a custom image, or set no icon.
- Show Outer Icon (Pro) toggle adds a second supplementary icon for cases like a lock icon on a Pro-only tab or a checkmark on a completed step.

By default, WordPress tab blocks do not include icons, but with the Nexter Blocks Tabs Tours block, you can add and change icons in your tab titles. Adding icons to tab titles gives users a visual cue for each tab, making navigation faster when your content spans multiple categories.

Customizing the tab icons also differentiates your tabbed content from the standard text-only tabs available in most WordPress layouts.

*To check the complete feature overview documentation of the Nexter Blocks Tabs Tours block, [click here](https://nexterwp.com/docs/add-tabs-on-wordpress/).*

**Best Used For:**

- FAQ pages where each tab holds a category of questions with a matching icon for quick recognition

- Product documentation with tabbed sections for Setup, Configuration, and Troubleshooting, each identified by a distinct icon

- Service pages with tabs for Pricing, Features, and Testimonials where icons reinforce the section theme

**Requirement — This block is a part of Nexter Blocks. Make sure it is installed and activated.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/)

To add an icon, add the Tabs Tours block to the page and go to a particular tab.

Enable the **Show Inner Icon** toggle to add the main icon to the tab title. From the icon library, select or change the icon for that tab. Use this when each of your tabs covers a distinct topic and you want users to identify the right tab at a glance without reading the full label. You can also set a custom image as the tab icon, or set it to none to show no icon at all.

![](https://nexterwp.com/wp-content/uploads/2023/02/tabs-tours-tabs-icons-new1.png)

Enable the **Show Outer Icon (Pro)** toggle to add a second, supplementary icon to the tab title. Use this when your tab label needs both a category icon and a status indicator, such as a lock icon on a Pro-only tab or a checkmark on a completed step in a guide.

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

For more content navigation options in Nexter Blocks, see [how to add a table of contents in WordPress](https://nexterwp.com/docs/add-a-table-of-contents-in-wordpress/).

Also, check [How to Change WordPress Tabs on Hover](https://nexterwp.com/docs/change-wordpress-tabs-on-hover/).