Set icon of custom settings navigation items

[DotCat1985]

I created some CustomSettings by using the following recipe migration:

create.recipe.json

{
  "steps": [
    {
      "name": "ContentDefinition",
      "ContentTypes": [
        {
          "Name": "FaviconSettings",
          "DisplayName": "Favicon",
          "Settings": {
            "ContentTypeSettings": {
              "Stereotype": "CustomSettings"
            },
            "FullTextAspectSettings": {}
          },
          "ContentTypePartDefinitionRecords": [
            {
              "PartName": "FaviconSettings",
              "Name": "FaviconSettings",
              "Settings": {
                "ContentTypePartSettings": {
                  "Position": "0"
                }
              }
            }
          ]
        },
        {
          "Name": "CustomLogoSettings",
          "DisplayName": "Custom logo",
          "Settings": {
            "ContentTypeSettings": {
              "Stereotype": "CustomSettings"
            },
            "FullTextAspectSettings": {}
          },
          "ContentTypePartDefinitionRecords": [
            {
              "PartName": "CustomLogoSettings",
              "Name": "CustomLogoSettings",
              "Settings": {
                "ContentTypePartSettings": {
                  "Position": "0"
                }
              }
            }
          ]
        },
        {
          "Name": "SocialIconsSettings",
          "DisplayName": "Social Icons",
          "Settings": {
            "ContentTypeSettings": {
              "Stereotype": "CustomSettings"
            },
            "FullTextAspectSettings": {}
          },
          "ContentTypePartDefinitionRecords": [
            {
              "PartName": "BagPart",
              "Name": "SocialIconsSettings",
              "Settings": {
                "ContentTypePartSettings": {
                  "DisplayName": "Social Icons",
                  "Description": "The list of social icons to display in the Layout",
                  "Position": "1"
                },
                "BagPartSettings": {
                  "ContainedContentTypes": [
                    "SocialIcon"
                  ]
                }
              }
            }
          ]
        },
        {
          "Name": "SocialIcon",
          "DisplayName": "Social Icon",
          "Settings": {
            "ContentTypeSettings": {
            }
          },
          "ContentTypePartDefinitionRecords": [
            {
              "PartName": "SocialIcon",
              "Name": "SocialIcon",
              "Settings": {
                "ContentTypePartSettings": {
                  "Position": "0"
                }
              }
            }
          ]
        },
        {
          "Name": "ContactInfoSettings",
          "DisplayName": "Contact information",
          "Settings": {
            "ContentTypeSettings": {
              "Stereotype": "CustomSettings"
            },
            "FullTextAspectSettings": {}
          },
          "ContentTypePartDefinitionRecords": [
            {
              "PartName": "ContactInfoSettings",
              "Name": "ContactInfoSettings",
              "Settings": {
                "ContentTypePartSettings": {
                  "Position": "0"
                }
              }
            }
          ]
        }
      ],
      "ContentParts": [
        {
          "Name": "FaviconSettings",
          "Settings": {},
          "ContentPartFieldDefinitionRecords": [
            {
              "FieldName": "MediaField",
              "Name": "Media",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "Image",
                  "Position": "0"
                },
                "MediaFieldSettings": {
                  "Multiple": false,
                  "Required": true
                }
              }
            }
          ]
        },
        {
          "Name": "CustomLogoSettings",
          "Settings": {},
          "ContentPartFieldDefinitionRecords": [
            {
              "FieldName": "MediaField",
              "Name": "Media",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "Image",
                  "Position": "0"
                },
                "MediaFieldSettings": {
                  "Multiple": false,
                  "Required": true
                }
              }
            }
          ]
        },
        {
          "Name": "SocialIcon",
          "Settings": {},
          "ContentPartFieldDefinitionRecords": [
            {
              "FieldName": "BooleanField",
              "Name": "Visible",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "Visible",
                  "Editor": "Switch",
                  "Position": "1"
                },
                "BooleanFieldSettings": {
                  "Hint": "Set the visibility of the social icon.",
                  "Required": true
                },
                "ContentIndexSettings": {}
              }
            },
            {
              "FieldName": "LinkField",
              "Name": "Link",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "Social link",
                  "Position": "2"
                },
                "TextFieldSettings": {
                  "Hint": "The link of the social link.",
                  "Required": true
                }
              }
            },
            {
              "FieldName": "TextField",
              "Name": "RawHtml",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "Raw HTML icon",
                  "Position": "3"
                },
                "TextFieldSettings": {
                  "Hint": "The raw HTML of the social icon.",
                  "Required": true
                }
              }
            }
          ]
        },
        {
          "Name": "ContactInfoSettings",
          "Settings": {},
          "ContentPartFieldDefinitionRecords": [
            {
              "FieldName": "TextField",
              "Name": "City",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "City",
                  "Position": "1"
                },
                "TextFieldSettings": {
                  "Required": true
                },
                "ContentIndexSettings": {
                }
              }
            },
            {
              "FieldName": "TextField",
              "Name": "Country",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "Country",
                  "Position": "2"
                },
                "TextFieldSettings": {
                  "Required": true
                },
                "ContentIndexSettings": {
                }
              }
            },
            {
              "FieldName": "TextField",
              "Name": "Email",
              "Settings": {
                "ContentPartFieldSettings": {
                  "DisplayName": "E-mail",
                  "Editor": "Email",
                  "Position": "3"
                },
                "TextFieldSettings": {
                  "Required": true
                },
                "ContentIndexSettings": {}
              }
            }
          ]
        }
      ]
    }
  ]
}

This recipe was written inside an module developed by me.

How can i set the icon of the navigation items for the CustomSettings above?

[hishamco]

You can configure the icon from within the AdminMenu like what we did in serveral places in the code-base