---
title: "How to Add Icons in Elementor Accordion?"
url: https://theplusaddons.com/docs/add-icons-in-elementor-accordion/
date: 2023-04-28
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Adding icons to an accordion in Elementor can make it more visually appealing and help to grab the viewer's attention. By adding icons, you can also make the content more..."
image: https://theplusaddons.com/wp-content/uploads/2023/04/How-to-Add-Icons-in-Elementor-Accordion_-1024x536.jpg
word_count: 196
---

# How to Add Icons in Elementor Accordion?

## 

- Utilizes the Accordion widget from The Plus Addons for Elementor to enhance visual appeal with icons.
- Activates the Show Icon toggle in the Toggle Icon tab to display icons in accordion items.
- Selects icons from the Icon Font dropdown and customizes HTML tags using the Title Tag dropdown for accordion items.

Adding icons to an accordion in Elementor can make it more visually appealing and help to grab the viewer's attention. By adding icons, you can also make the content more organized and easier to navigate.

To add icons to your accordion in Elementor, you can use the Accordion widget from The Plus Addons for Elementor. With this widget, you can easily add and customize icons for accordion items.

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

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

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

To add icons in the accordion, add the widget on the page, then go to the **Toggle Icon** tab and turn on the **Show Icon** toggle (if turned off).

From the **Alignment **section, you can align the icon to the beginning or end of the content.

![](https://theplusaddons.com/wp-content/uploads/2023/04/Tpae-Accordion-Toggle-Icon-Show-Icon-1.png)

From the **Icon Font** dropdown, select the icon library, then you can set standard and active state icons for accordion items separately. 

Then, from the **Title Tag** dropdown, you can add different HTML tags to the accordion items.

![accordion icon options demo](https://theplusaddons.com/wp-content/uploads/2023/04/accordion-icon-options-demo.png)