Remove unnecessary .Icon classes

Author: smnandre

ux.symfony.com/templates/documentation/index.html.twig

@@ -37,7 +37,7 @@
                            rel="external noopener noreferrer"
                            title="{{ package.humanName }} documentation on symfony.com"
                         >
-                            <twig:ux:icon name="lucide:book" class="Icon" />
+                            <twig:ux:icon name="lucide:book" />
                             Read Docs
                         </a>
                     </div>

ux.symfony.com/templates/main/_file_tree.html.twig

@@ -8,7 +8,7 @@
     {% if file_info.isDirectory %}
         <li class="FileTree-main FileTree-dir">
             <span {{- _self.summaryAttributes(file_info.description) -}}>
-                <twig:ux:icon name="folder-open" class="Icon"/>
+                <twig:ux:icon name="folder-open" />
                 {{ file_info.filename }}
             </span>
 
@@ -21,7 +21,7 @@
     {% else %}
         <li class="FileTree-main FileTree-file">
             <span {{- _self.summaryAttributes(file_info.description) -}}>
-                <twig:ux:icon name="file" class="Icon" />
+                <twig:ux:icon name="file" />
                 {{ file_info.filename }}
             </span>
         </li>

ux.symfony.com/templates/ux_packages/lazy_image.html.twig

@@ -26,11 +26,11 @@
         <twig:block name="code_content_bottom">
             <div class="pb-2 px-2" style="opacity: .8;">
                 <div class="eyebrows d-flex align-items-center">
-                    <twig:ux:icon name="circle-fill" class="Icon mx-2" />
+                    <twig:ux:icon name="circle-fill" />
                     Load a small (or blurred) image first
                 </div>
                 <div class="eyebrows d-flex align-items-center">
-                    <twig:ux:icon name="circle-fill" class="Icon mx-2" />
+                    <twig:ux:icon name="circle-fill" />
                     The real (large) image is downloaded after page load
                 </div>
             </div>

ux.symfony.com/templates/ux_packages/live_component.html.twig

@@ -31,9 +31,9 @@
 
     <div class="d-flex eyebrows pt-5 align-items-center justify-content-center">
         <div>Automatic <em>debouncing</em></div>
-        <twig:ux:icon name="circle-fill" class="Icon mx-2" />
+        <twig:ux:icon name="circle-fill" />
         <div>Loading states</div>
-        <twig:ux:icon name="circle-fill" class="Icon mx-2" />
+        <twig:ux:icon name="circle-fill" />
         <div>Required writing <em>ZERO JavaScript</em></div>
     </div>
 {% endblock %}

ux.symfony.com/templates/ux_packages/swup.html.twig

@@ -54,7 +54,7 @@
         <div>Ajax-powered page navigation</div>
         <twig:ux:icon name="circle-fill" />
         <div>URL in address bar changes</div>
-        <twig:ux:icon name="circle-fill" class="Icon" />
+        <twig:ux:icon name="circle-fill" />
         <div>Customizable transitions</div>
     </div>
 {% endblock %}