diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion
index ba44ac39e..c45bd54c4 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion
@@ -5,6 +5,7 @@ prototype(Neos.Presentation:Icon) < prototype(Neos.Fusion:Component) {
         name = ${PropTypes.string}
         fallbackName = ${PropTypes.string}
         class = ${PropTypes.string}
+        attributes = PropTypes:DataStructure
     }
 
     name = null
@@ -14,14 +15,15 @@ prototype(Neos.Presentation:Icon) < prototype(Neos.Fusion:Component) {
     fallbackName.@process.clean = ${String.trim(String.toLowerCase(value))}
 
     inline = null
-
     class = null
+    attributes = Neos.Fusion:DataStructure
 
     renderer = Neos.Fusion:Augmenter {
         data-icon-name = ${props.name}
         data-icon-name.@if.hasName = ${props.name}
 
         class = ${props.class}
+        attributes = ${props.attributes}
 
         content = Neos.Fusion:Case {
             inlineExists {
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion
index ba0125252..84a5f9e66 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion
@@ -5,13 +5,13 @@ prototype(Neos.Presentation:Module.Footer) < prototype(Neos.Fusion:Component) {
         description = 'Footer of the page'
         props {
             linkGroups = Neos.Fusion:Map {
-                items = ${Array.range(1,4)}
+                items = ${Array.range(1, 4)}
                 itemRenderer = Neos.Fusion:DataStructure {
                     title = 'Features'
                     links = Neos.Fusion:Map {
-                        items = ${Array.range(1,5)}
+                        items = ${Array.range(1, 5)}
                         itemRenderer = Neos.Fusion:DataStructure {
-                            title = 'Why Neos'
+                            title = 'Just a footer link'
                             link = '#'
                         }
                     }
@@ -69,19 +69,17 @@ prototype(Neos.Presentation:Module.Footer) < prototype(Neos.Fusion:Component) {
     }
 
     @propTypes {
-        // does not work with monocle yet
-        //linkGroups = PropTypes:Array {
-        //    type = PropTypes:DataStructure {
-        //        title = PropTypes:String
-        //        links = PropTypes:Array {
-        //            type = Neos.Fusion:DataStructure {
-        //                title = PropTypes:String
-        //                link = PropTypes:String
-        //            }
-        //        }
-        //    }
-        //}
-
+        linkGroups = PropTypes:Array {
+            type = PropTypes:DataStructure {
+                title = PropTypes:String
+                links = PropTypes:Array {
+                    type = PropTypes:DataStructure {
+                        title = PropTypes:String
+                        link = PropTypes:String
+                    }
+                }
+            }
+        }
         socials = PropTypes:Array {
             type = PropTypes:DataStructure {
                 link = PropTypes:String
@@ -89,7 +87,6 @@ prototype(Neos.Presentation:Module.Footer) < prototype(Neos.Fusion:Component) {
                 label = PropTypes:String
             }
         }
-
         endlinks = PropTypes:Array {
             type = PropTypes:DataStructure {
                 link = PropTypes:String
@@ -99,50 +96,53 @@ prototype(Neos.Presentation:Module.Footer) < prototype(Neos.Fusion:Component) {
     }
 
     renderer = afx`
-      <Neos.Presentation:Background variant="gradient">
-        <Neos.Presentation:Spacing y>
-          <Neos.Presentation:Spacing x y="small" size>
-            <div class="flex flex-wrap gap-12 mb-10">
-              <div class="flex-grow grid gap-y-14">
-                <Neos.Presentation:Icon name="neos-white-logo" class="h-12" />
-                <Neos.Presentation:Paragraph
-                  text="Neos is free and open source software licensed under GPL v3 or later. Created with passion by over 100 contributors around the world."
-                  class="max-w-screen-xxs"
-                />
-              </div>
-              <div class="flex flex-grow-[3] flex-wrap gap-8">
-                <Neos.Fusion:Loop items={props.linkGroups} itemName="group">
-                  <div class="flex-grow">
-                    <Neos.Presentation:Headline display="title-md" text={group.title} />
-                    <div class="grid gap-y-1 mt-6">
-                        <Neos.Fusion:Loop items={group.links} itemName="link">
-                            <a href={link.link} class="py-1 hover:underline underline-offset-8 display-body-lg">{link.title}</a>
-                        </Neos.Fusion:Loop>
+        <Neos.Presentation:Background variant="gradient">
+            <Neos.Presentation:Spacing y>
+                <Neos.Presentation:Spacing x y="small" size>
+                    <div class="flex flex-wrap gap-12 mb-10">
+                        <div class="flex-grow grid gap-y-14">
+                            <Neos.Presentation:Icon name="neos-white-logo" class="h-12" />
+                            <Neos.Presentation:Paragraph
+                                text="Neos is free and open source software licensed under GPL v3 or later. Created with passion by over 100 contributors around the world."
+                                class="max-w-screen-xxs"
+                            />
+                        </div>
+
+                        <div class="flex flex-grow-[3] flex-wrap gap-8">
+                            <Neos.Fusion:Loop items={props.linkGroups} itemName="group">
+                                <div class="flex-grow">
+                                    <Neos.Presentation:Headline display="title-md" text={group.title} />
+                                    <div class="grid gap-y-1 mt-6">
+                                        <Neos.Fusion:Loop items={group.links} itemName="link">
+                                            <a href={link.link} class="py-1 hover:underline underline-offset-8 display-body-lg">{link.title}</a>
+                                        </Neos.Fusion:Loop>
+                                    </div>
+                                </div>
+                            </Neos.Fusion:Loop>
+                        </div>
                     </div>
-                  </div>
-                </Neos.Fusion:Loop>
-              </div>
-            </div>
-          </Neos.Presentation:Spacing>
-          <Neos.Presentation:Spacing x y="small" size>
-            <ul class="flex flex-wrap gap-4 -mx-2">
-              <Neos.Fusion:Loop items={props.socials}>
-                <li><a href={item.link} class="flex p-2 border border-transparent hover:border-current rounded-full">
-                  <Neos.Fusion:Augmenter aria-label={item.label}>
-                    <Neos.Presentation:Icon name={item.icon} class="h-6 w-6" />
-                  </Neos.Fusion:Augmenter>
-                </a></li>
-              </Neos.Fusion:Loop>
-            </ul>
-          </Neos.Presentation:Spacing>
-          <Neos.Presentation:Spacing x y="small" size>
-            <p class="flex flex-wrap gap-6">
-              <Neos.Fusion:Loop items={props.endlinks}>
-                <a href={item.link} class="hover:underline underline-offset-8">{item.label}</a>
-              </Neos.Fusion:Loop>
-            </p>
-          </Neos.Presentation:Spacing>
-        </Neos.Presentation:Spacing>
-      </Neos.Presentation:Background>
+                </Neos.Presentation:Spacing>
+
+                <Neos.Presentation:Spacing x y="small" size>
+                    <ul class="flex flex-wrap gap-4 -mx-2">
+                        <Neos.Fusion:Loop items={props.socials}>
+                            <li>
+                                <a href={item.link} class="flex p-2 border border-transparent hover:border-current rounded-full">
+                                    <Neos.Presentation:Icon name={item.icon} class="h-6 w-6" attributes.aria-label={item.label} />
+                                </a>
+                            </li>
+                        </Neos.Fusion:Loop>
+                    </ul>
+                </Neos.Presentation:Spacing>
+
+                <Neos.Presentation:Spacing x y="small" size>
+                    <p class="flex flex-wrap gap-6">
+                        <Neos.Fusion:Loop items={props.endlinks}>
+                            <a href={item.link} class="hover:underline underline-offset-8">{item.label}</a>
+                        </Neos.Fusion:Loop>
+                    </p>
+                </Neos.Presentation:Spacing>
+            </Neos.Presentation:Spacing>
+        </Neos.Presentation:Background>
     `
 }