---
title: "FoundationNG Third Level Nav Icons Config"
description: "The FoundationNG Third Level Nav Icons Config is used to define which Icons are available for Third level Navigation."
path: https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-third-level-navigation-icon-config.html
lastModified: 2024-11-08T10:03:39.838Z
---

# FoundationNG Third Level Nav Icons Config

# FoundationNG Third Level Nav Icons Config

The FoundationNG Third Level Nav Icons Config is used to define which Icons are available for Third Level Navigation.

### Usage

If it should be the same for all Pages, do it on Homepage Configuration Page.

Use CAC only if it should be changed for just some Subpages.

## Configuration

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha)

![FoundationNG Third Level Nav Icons Config](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/foundation-ng_third-level-nav-icons-config%3A2-1?fmt=webp)

### Options of FoundationNG Third Level Nav Icons Config

After Editing is enabled for FoundationNG Third Level Nav Icons Config, multiple Icons can be added or deleted.

For Deleting an Icon, Editor needs to click the Minus Icon (**-**) of the Line that should be deleted.

For Adding an Icon, Editor needs to click on a Plus Icon (**+**). This adds a new empty Line under the Line of clicked Plus Icon. There, the Name of the Icon needs to be added.

It is adviceble to have a Sorting Order (needs to be done manual) e.g. alphabetical. This will make it easier to find a specific Icon in a long List.

[List of FoundationNG Icons on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/media-icon--all-icons)

[Find out more about Third Level Navigation](https://www.eonshowroom.eon.com/en/page-elements/3rd-level-navigation.html)