diff --git a/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionDefault.twig.snap.html
index 7bb91595d1..bf2504dcde 100644
--- a/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionDefault.twig.snap.html
@@ -8,7 +8,7 @@
     <section id="accordion-example" class="Accordion">
       <article id="accordion-item-example-0" class="Accordion__item">
         <h3 id="accordion-item-example-0-header" class="Accordion__itemHeader">
-          <button type="button" class="Accordion__itemToggle" data-spirit-toggle="collapse" data-spirit-target="accordion-item-example-0-content" aria-expanded="false" aria-controls="accordion-item-example-0-content">Accordion Header</button> <span class="Accordion__itemSide"><span class="Accordion__itemSlot"><span>my HTML content</span></span> <span class="Accordion__itemIcon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <button type="button" class="Accordion__itemToggle" data-spirit-toggle="collapse" data-spirit-target="accordion-item-example-0-content" aria-expanded="false" aria-controls="accordion-item-example-0-content">Accordion Header</button> <span class="Accordion__itemSide"><span class="Accordion__itemSlot"><span>my HTML content</span></span> <span class="Accordion__itemIcon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg></span></span>
         </h3>
@@ -25,7 +25,7 @@ <h3 id="accordion-item-example-0-header" class="Accordion__itemHeader">
       <article id="accordion-item-example-1" class="Accordion__item">
         <h3 id="accordion-item-example-1-header" class="Accordion__itemHeader">
           <button type="button" class="Accordion__itemToggle" data-spirit-toggle="collapse" data-spirit-target="accordion-item-example-1-content" aria-expanded="true" aria-controls="accordion-item-example-1-content">Accordion Header</button> <span class="Accordion__itemSide"><span class="Accordion__itemIcon"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#e4d24000792e7660bc881b0a7e9ee481">
+          <use href="#svg_e4d24000792e7660bc881b0a7e9ee481">
           </use></svg></span></span>
         </h3>
 
diff --git a/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionStayOpen.twig.snap.html b/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionStayOpen.twig.snap.html
index 56c76ff9ac..4ec5f31d06 100644
--- a/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionStayOpen.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Accordion/__tests__/__snapshots__/accordionStayOpen.twig.snap.html
@@ -8,7 +8,7 @@
     <section class="Accordion">
       <article id="accordion-item-example-0" class="Accordion__item">
         <h3 id="accordion-item-example-0-header" class="Accordion__itemHeader">
-          <button type="button" class="Accordion__itemToggle" data-spirit-toggle="collapse" data-spirit-target="accordion-item-example-0-content" aria-expanded="false" aria-controls="accordion-item-example-0-content">Accordion Header</button> <span class="Accordion__itemSide"><span class="Accordion__itemIcon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <button type="button" class="Accordion__itemToggle" data-spirit-toggle="collapse" data-spirit-target="accordion-item-example-0-content" aria-expanded="false" aria-controls="accordion-item-example-0-content">Accordion Header</button> <span class="Accordion__itemSide"><span class="Accordion__itemIcon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg></span></span>
         </h3>
@@ -25,7 +25,7 @@ <h3 id="accordion-item-example-0-header" class="Accordion__itemHeader">
       <article id="accordion-item-example-1" class="Accordion__item">
         <h3 id="accordion-item-example-1-header" class="Accordion__itemHeader">
           <button type="button" class="Accordion__itemToggle" data-spirit-toggle="collapse" data-spirit-target="accordion-item-example-1-content" aria-expanded="true" aria-controls="accordion-item-example-1-content">Accordion Header</button> <span class="Accordion__itemSide"><span class="Accordion__itemIcon"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#e4d24000792e7660bc881b0a7e9ee481">
+          <use href="#svg_e4d24000792e7660bc881b0a7e9ee481">
           </use></svg></span></span>
         </h3>
 
diff --git a/packages/web-twig/src/Resources/components/Alert/__tests__/__snapshots__/alertDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Alert/__tests__/__snapshots__/alertDefault.twig.snap.html
index 2655711cf2..5133910d08 100644
--- a/packages/web-twig/src/Resources/components/Alert/__tests__/__snapshots__/alertDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Alert/__tests__/__snapshots__/alertDefault.twig.snap.html
@@ -6,7 +6,7 @@
   </head>
   <body>
     <div class="Alert Alert--success">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a96377f6ad8f3c0b60d6900c98ad9534" aria-hidden="true">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a96377f6ad8f3c0b60d6900c98ad9534" aria-hidden="true">
       <path d="M9.00012 16.5448L5.50012 13.0448C5.11012 12.6548 4.49012 12.6548 4.10012 13.0448C3.71012 13.4348 3.71012 14.0548 4.10012 14.4448L8.29012 18.6348C8.68012 19.0248 9.31012 19.0248 9.70012 18.6348L20.3001 8.04479C20.6901 7.65479 20.6901 7.03479 20.3001 6.64479C19.9101 6.25479 19.2901 6.25479 18.9001 6.64479L9.00012 16.5448Z" fill="currentColor">
       </path></svg>
       <div>
@@ -15,7 +15,7 @@
     </div>
 
     <div class="Alert Alert--danger">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="b57548dc360a6ba49ba4a19a8d0c8ad8" aria-hidden="true">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_b57548dc360a6ba49ba4a19a8d0c8ad8" aria-hidden="true">
       <path d="M2.73004 21.0001H21.26C22.03 21.0001 22.51 20.1701 22.13 19.5001L12.86 3.50006C12.47 2.83006 11.51 2.83006 11.13 3.50006L1.86004 19.5001C1.48004 20.1701 1.96004 21.0001 2.73004 21.0001ZM13 18.0001H11V16.0001H13V18.0001ZM12 14.0001C11.45 14.0001 11 13.5501 11 13.0001V11.0001C11 10.4501 11.45 10.0001 12 10.0001C12.55 10.0001 13 10.4501 13 11.0001V13.0001C13 13.5501 12.55 14.0001 12 14.0001Z" fill="currentColor">
       </path></svg>
       <div>
@@ -24,7 +24,7 @@
     </div>
 
     <div class="Alert Alert--informative">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="34d8b39e82bfe6914ca2f600e37c11cf" aria-hidden="true">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_34d8b39e82bfe6914ca2f600e37c11cf" aria-hidden="true">
       <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z" fill="currentColor">
       </path></svg>
       <div>
@@ -33,7 +33,7 @@
     </div>
 
     <div class="Alert Alert--warning">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="f0c4c080075841bbc911dd74dc9df8be" aria-hidden="true">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_f0c4c080075841bbc911dd74dc9df8be" aria-hidden="true">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.9991C17.5228 21.9991 22 17.522 22 11.9991C22 6.4763 17.5228 1.99915 12 1.99915C6.47715 1.99915 2 6.4763 2 11.9991C2 17.522 6.47715 21.9991 12 21.9991ZM12 12C11.45 12 11 11.55 11 11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11C13 11.55 12.55 12 12 12ZM13 14V16H11V14H13Z" fill="currentColor">
       </path></svg>
       <div>
@@ -43,7 +43,7 @@
 
     <div class="Alert Alert--informative Alert--center">
       <svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-      <use href="#34d8b39e82bfe6914ca2f600e37c11cf">
+      <use href="#svg_34d8b39e82bfe6914ca2f600e37c11cf">
       </use></svg>
       <div>
         Message
@@ -51,7 +51,7 @@
     </div>
 
     <div class="Alert Alert--informative Alert--center">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="7d6a00dcae19dca54f8bb856d21618b6" aria-hidden="true">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_7d6a00dcae19dca54f8bb856d21618b6" aria-hidden="true">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.8563C13.8585 10.8563 15.3651 9.32126 15.3651 7.42772C15.3651 5.53417 13.8585 3.99915 12.0001 3.99915C10.1416 3.99915 8.63503 5.53417 8.63503 7.42772C8.63503 9.32126 10.1416 10.8563 12.0001 10.8563ZM12.0001 19.9991C14.8276 19.9991 17.354 18.6596 19 16.5707C17.354 14.4816 14.8275 13.142 11.9999 13.142C9.17242 13.142 6.64602 14.4816 5 16.5705C6.64601 18.6595 9.17247 19.9991 12.0001 19.9991Z" fill="currentColor">
       </path></svg>
       <div>
@@ -61,7 +61,7 @@
 
     <div role="alert" class="Alert Alert--informative">
       <svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-      <use href="#7d6a00dcae19dca54f8bb856d21618b6">
+      <use href="#svg_7d6a00dcae19dca54f8bb856d21618b6">
       </use></svg>
       <div>
         Message
diff --git a/packages/web-twig/src/Resources/components/Breadcrumbs/__tests__/__snapshots__/breadcrumbsDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Breadcrumbs/__tests__/__snapshots__/breadcrumbsDefault.twig.snap.html
index 21b374ab90..e8de651a92 100644
--- a/packages/web-twig/src/Resources/components/Breadcrumbs/__tests__/__snapshots__/breadcrumbsDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Breadcrumbs/__tests__/__snapshots__/breadcrumbsDefault.twig.snap.html
@@ -8,14 +8,14 @@
     <nav class="Breadcrumbs" aria-label="Breadcrumb">
       <ol>
         <li class="d-none d-tablet-flex">
-          <a aria-current="false" href="#rootUrl" class="link-primary link-underlined">Root</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="fa2b65b7e049d1eae33532715c70980f" aria-hidden="true">
+          <a aria-current="false" href="#rootUrl" class="link-primary link-underlined">Root</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_fa2b65b7e049d1eae33532715c70980f" aria-hidden="true">
           <path d="M9.29006 7.05475C8.90006 7.44475 8.90006 8.07475 9.29006 8.46475L13.1701 12.3447L9.29006 16.2247C8.90006 16.6147 8.90006 17.2447 9.29006 17.6347C9.68006 18.0247 10.3101 18.0247 10.7001 17.6347L15.2901 13.0447C15.6801 12.6547 15.6801 12.0247 15.2901 11.6347L10.7001 7.04475C10.3201 6.66475 9.68006 6.66475 9.29006 7.05475Z" fill="currentColor">
           </path></svg>
         </li>
 
         <li class="d-none d-tablet-flex">
           <a aria-current="false" href="#categoryUrl" class="link-primary link-underlined">Category</a> <svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#fa2b65b7e049d1eae33532715c70980f">
+          <use href="#svg_fa2b65b7e049d1eae33532715c70980f">
           </use></svg>
         </li>
 
@@ -28,7 +28,7 @@
         <li class="d-none d-tablet-flex">
           <a aria-current="false" href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
           <svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#fa2b65b7e049d1eae33532715c70980f">
+          <use href="#svg_fa2b65b7e049d1eae33532715c70980f">
           </use></svg>
         </li>
 
diff --git a/packages/web-twig/src/Resources/components/ButtonLink/__tests__/__snapshots__/buttonLinkLoadingDefault.twig.snap.html b/packages/web-twig/src/Resources/components/ButtonLink/__tests__/__snapshots__/buttonLinkLoadingDefault.twig.snap.html
index 178c7f4ea9..2de351cc7f 100644
--- a/packages/web-twig/src/Resources/components/ButtonLink/__tests__/__snapshots__/buttonLinkLoadingDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/ButtonLink/__tests__/__snapshots__/buttonLinkLoadingDefault.twig.snap.html
@@ -9,7 +9,7 @@
     link<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="27ec748962d19e70a6144d47dc4e2e3e" class="animation-spin-clockwise" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg></a> <a class="Button Button--primary Button--disabled Button--loading Button--medium" href="#">Loading button link should still be disabled even if isDisabled is false<svg width="24" height="24" fill="none" viewbox="0 0 24 24" class="animation-spin-clockwise" aria-hidden="true">
-    <use href="#27ec748962d19e70a6144d47dc4e2e3e">
+    <use href="#svg_27ec748962d19e70a6144d47dc4e2e3e">
     </use></svg></a>
   </body>
 </html>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDialogCloseButton.twig.snap.html b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDialogCloseButton.twig.snap.html
index bfd3b2d857..2a1dff032f 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDialogCloseButton.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerDialogCloseButton.twig.snap.html
@@ -5,11 +5,11 @@
     </title>
   </head>
   <body>
-    <button class="HeaderDialogCloseButton" type="button" data-spirit-dismiss="offcanvas" data-spirit-target="#my-menu" aria-controls="my-menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
+    <button class="HeaderDialogCloseButton" type="button" data-spirit-dismiss="offcanvas" data-spirit-target="#my-menu" aria-controls="my-menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
     <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.11 5.69997C6.72 5.30997 6.09 5.30997 5.7 5.69997C5.31 6.08997 5.31 6.71997 5.7 7.10997L10.59 12L5.7 16.89C5.31 17.28 5.31 17.91 5.7 18.3C6.09 18.69 6.72 18.69 7.11 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" fill="currentColor">
     </path></svg> <span class="accessibility-hidden">Close</span></button> <!-- Render with all props -->
      <button class="HeaderDialogCloseButton" type="button" data-spirit-dismiss="" data-spirit-target="" aria-controls="my-menu" aria-expanded="false"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-    <use href="#a79dff7a255f69bbe6e39d594aa2275b">
+    <use href="#svg_a79dff7a255f69bbe6e39d594aa2275b">
     </use></svg> <span class="accessibility-hidden">Close menu</span></button>
   </body>
 </html>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html
index 6e25aabd81..8e6c3820e1 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerMobileActions.twig.snap.html
@@ -6,7 +6,7 @@
   </head>
   <body>
     <div class="HeaderMobileActions">
-      <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
+      <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
       <path d="M4 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H4C3.45 16 3 16.45 3 17C3 17.55 3.45 18 4 18ZM4 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13ZM3 7C3 7.55 3.45 8 4 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7Z" fill="currentColor">
       </path></svg> <span class="accessibility-hidden">Menu</span></button>
     </div>
@@ -14,7 +14,7 @@
 
     <div class="HeaderMobileActions">
       <span>custom content</span> <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--symmetrical" type="button"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-      <use href="#a1fcc7134edb5d176925f0fd5ddd9d42">
+      <use href="#svg_a1fcc7134edb5d176925f0fd5ddd9d42">
       </use></svg> <span class="accessibility-hidden">Open menu</span></button>
     </div>
   </body>
diff --git a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html
index abe860ad6b..79eefa849c 100644
--- a/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Header/__tests__/__snapshots__/headerWithDialog.twig.snap.html
@@ -8,7 +8,7 @@
     <header class="Header Header--primary">
       <a href="/" aria-label="Spirit homepage"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA2NSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzQ4MTIgMTEuOTA2OEw0LjI2MzY3IDYuNTk5MzlDNC4zNjA2OCA2LjA4NDg2IDQuNTM1IDUuNjE1NDMgNC43ODc1IDUuMTkxOTZMNC43ODc4OCA1LjE5MTMyTDQuNzg4MjggNS4xOTA2OEM1LjIxMzM3IDQuNTAyMzUgNS44MDY4MiAzLjk2MTE1IDYuNTY2MDEgMy41NjcxN0M3LjMyNTQ3IDMuMTU4NzMgOC4xOTk0NCAyLjkzMzk1IDkuMTg1NjcgMi44OTA0N0w5LjE4NzgxIDIuODkwMzhIOS4xODk5NEMxMC40NzEyIDIuODkwMzggMTEuNTE1NiAzLjA0MTIyIDEyLjMxODYgMy4zNDc1MUMxMy4xMjY2IDMuNjUwMjggMTMuODQ5NSA0LjAxMTIxIDE0LjQ4NjUgNC40MzA3MkwxNC41NTggNC40Nzc3OUwxMy4yOTMzIDcuMDI3ODlMMTMuMjA0OSA2Ljk3OTQ5QzEyLjYwNzkgNi42NTI4NyAxMS45OTcgNi4zODMxOSAxMS4zNzIxIDYuMTcwMzRMMTEuMzcxNCA2LjE3MDEyQzEwLjc2MzcgNS45NTgzIDEwLjE5NDMgNS44NTM0NiA5LjY2MjcgNS44NTM0NkM5LjAwMTE5IDUuODUzNDYgOC40OTMxMyA1Ljk4NzIxIDguMTI4MjIgNi4yNDM3N0M3Ljc3MTM2IDYuNDk0NjggNy41ODkxMSA2Ljg3MDU3IDcuNTg5MTEgNy4zODg0OEM3LjU4OTExIDcuNzMyMTYgNy43MjAxNCA4LjA0NDc4IDcuOTkwNTcgOC4zMjkxOEM4LjI4MjY3IDguNjA2NzMgOC42NTMxNCA4Ljg1ODU3IDkuMTAzNzcgOS4wODM3NEM5LjU3MzUzIDkuMzExMjggMTAuMDU3NiA5LjUxNzUzIDEwLjU1NiA5LjcwMjQ4TDEwLjU1NjIgOS43MDI1OEMxMS4wMTg2IDkuODc1ODEgMTEuNDczNSAxMC4wODUgMTEuOTIxIDEwLjMzMDFDMTIuMzg3NyAxMC41NjM0IDEyLjgwMzcgMTAuODYyNCAxMy4xNjg3IDExLjIyN0MxMy41Mzc2IDExLjU4MSAxMy44MzA5IDEyLjAyOTIgMTQuMDUgMTIuNTY5QzE0LjI3MTEgMTMuMDk5NCAxNC4zNzk2IDEzLjc0OTcgMTQuMzc5NiAxNC41MTY2QzE0LjM3OTYgMTUuMzM1OCAxNC4xNjcxIDE2LjA5NzQgMTMuNzQyNSAxNi43OTk1QzEzLjMxNjkgMTcuNTAzMyAxMi42OTQzIDE4LjA3MjkgMTEuODc4OCAxOC41MDk0TDExLjg3NzYgMTguNTFDMTEuNzAyNCAxOC42MDA3IDExLjUxODcgMTguNjgxNSAxMS4zMjY2IDE4Ljc1MjZMOS43NDY3NyAxNi4wMzQyQzEwLjA4NzggMTUuOTIyOSAxMC4zNjQ4IDE1Ljc1MjIgMTAuNTgwOCAxNS41MjM3TDEwLjU4MTggMTUuNTIyN0wxMC41ODI3IDE1LjUyMTdDMTAuODE4MSAxNS4yODY2IDEwLjk0MTIgMTQuOTU1OSAxMC45NDEyIDE0LjUxNjZDMTAuOTQxMiAxNC4yMjU4IDEwLjg0MjcgMTMuOTYxMiAxMC42NDEzIDEzLjcxOTdMMTAuNjQwMyAxMy43MTg0TDEwLjYzOTIgMTMuNzE3MUMxMC40NDc3IDEzLjQ3MTEgMTAuMTc4NCAxMy4yNDI0IDkuODI3NzggMTMuMDMyMkw5LjgyNzAzIDEzLjAzMTdMOS44MjYyOCAxMy4wMzEzQzkuNDg4MzEgMTIuODIwMiA5LjExNDQzIDEyLjYzNjkgOC43MDQzNCAxMi40ODE1TDguNzA0MSAxMi40ODE0QzguMjYzNTIgMTIuMzEzMSA3LjgxMTUyIDEyLjEyMTUgNy4zNDgxMiAxMS45MDY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4wOTk1IDEzLjQ4ODRMMjQuMTAwMyAxMy40ODhDMjQuODI4IDEzLjE1MzYgMjUuNDA2OCAxMi43MTU1IDI1LjgzMzIgMTIuMTcyMkMyNi4yNzA2IDExLjYzMzEgMjYuNTg0NSAxMS4wMzUxIDI2Ljc3NDQgMTAuMzc4OEMyNi45Nzc0IDkuNzEyMTUgMjcuMDc5MiA5LjA1MTYzIDI3LjA3OTIgOC4zOTc1OEMyNy4wNzkyIDcuMjk1NyAyNi44Mzk3IDYuMzQwNDMgMjYuMzU2NSA1LjUzNTY4QzI1Ljg3MzMgNC43MTY1MyAyNS4xNzA3IDQuMDg4NSAyNC4yNTI1IDMuNjUxNDlDMjMuMzMzNCAzLjE5OTc4IDIyLjIxNSAyLjk3NjI2IDIwLjkwMSAyLjk3NjI2SDE2LjAxMjJWMTguOTcxN0gxOS4zMjE3VjEzLjk2OTJIMjEuNDU5N0MyMi41MDA1IDEzLjk2OTIgMjMuMzgxNiAxMy44MTA0IDI0LjA5OTUgMTMuNDg4NFpNMjMuMjcyMyA5LjkyOTc0TDIzLjI3MTcgOS45MzA2QzIzLjExMDEgMTAuMTU5MiAyMi44NzkzIDEwLjM1NzMgMjIuNTc1MyAxMC41MjMzQzIyLjI3NzYgMTAuNjcxNiAyMS45MDAxIDEwLjc0ODUgMjEuNDM4MiAxMC43NDg1SDE5LjMyMTdWNi4xNzU1MUgyMS40NTk3QzIxLjk5NDYgNi4xNzU1MSAyMi40MDUxIDYuMjY3MTggMjIuNjk5OCA2LjQ0MTE3TDIyLjcwMDYgNi40NDE2NUwyMi43MDE0IDYuNDQyMUMyMy4wMTkgNi42MjE0MiAyMy4yNDg2IDYuODM5MTUgMjMuMzk1OSA3LjA5MzQxQzIzLjU0ODQgNy4zNTY1MSAyMy42NDQgNy42MTcyNSAyMy42ODQ5IDcuODc1OTFMMjMuNjg1NCA3Ljg3ODg3TDIzLjY4NiA3Ljg4MThDMjMuNzQyNyA4LjEzNjUxIDIzLjc2OTcgOC4zMzYyMSAyMy43Njk3IDguNDgzNDZDMjMuNzY5NyA4LjY3MDc2IDIzLjcyOTQgOC44OTY2NyAyMy42NDUzIDkuMTYyODVMMjMuNjQ0NSA5LjE2NTA5TDIzLjY0MzkgOS4xNjczNkMyMy41NzU3IDkuNDI2NDEgMjMuNDUyNCA5LjY4MDUxIDIzLjI3MjMgOS45Mjk3NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMS45NTEyIDIuOTc2MjZIMjguNjQxOFYxOC45NzE3SDMxLjk1MTJWMi45NzYyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMDIwNiAxMy45NDc3SDM5Ljk0NjhMNDMuMjg3MSAxOC45NzE3SDQ3LjE0NzZMNDMuNDI2NSAxMy4xNzAzQzQzLjg5OTQgMTIuODg1OSA0NC4yOTY2IDEyLjU0NjcgNDQuNjE3MSAxMi4xNTE5QzQ1LjA2OTEgMTEuNjEyNyA0NS4zOTA1IDExLjAxNDUgNDUuNTgwNiAxMC4zNTc3QzQ1Ljc4MzcgOS43MDUwMyA0NS44ODU1IDkuMDUxNTYgNDUuODg1NSA4LjM5NzU4QzQ1Ljg4NTUgNy41NzA5NiA0NS43NDc2IDYuODI3OTIgNDUuNDY5NyA2LjE3MDEyQzQ1LjE5MiA1LjQ5ODY5IDQ0Ljc4MjQgNC45Mjg0OSA0NC4yNDE0IDQuNDYwNzJDNDMuNzE0MSAzLjk3ODAzIDQzLjA1NyAzLjYxNDE2IDQyLjI3MjkgMy4zNjc0M0M0MS40ODc4IDMuMTA2MDYgNDAuNTk2MyAyLjk3NjI2IDM5LjU5OTkgMi45NzYyNkgzNC43MTExVjE4Ljk3MTdIMzguMDIwNlYxMy45NDc3Wk00MS45NzI4IDkuOTQ5MDlMNDEuOTcxNiA5Ljk1MDU2TDQxLjk3MDYgOS45NTIwN0M0MS44MDk0IDEwLjE4MDIgNDEuNTc5MiAxMC4zNzA5IDQxLjI3NTcgMTAuNTIyNUM0MC45Nzc4IDEwLjY3MTMgNDAuNTk5OCAxMC43NDg1IDQwLjEzNzEgMTAuNzQ4NUgzOC4wMjA2VjYuMTc1NTFINDAuMTU4NkM0MC42OTM1IDYuMTc1NTEgNDEuMTA0IDYuMjY3MTggNDEuMzk4NyA2LjQ0MTE3TDQxLjM5OTUgNi40NDE2NUw0MS40MDAzIDYuNDQyMUM0MS43MTc5IDYuNjIxNDIgNDEuOTQ3NSA2LjgzOTE1IDQyLjA5NDggNy4wOTM0MUM0Mi4yNDczIDcuMzU2NTEgNDIuMzQyOSA3LjYxNzI1IDQyLjM4MzggNy44NzU5MUw0Mi4zODQzIDcuODc4ODdMNDIuMzg0OSA3Ljg4MThDNDIuNDQxNCA4LjEzNTgxIDQyLjQ2ODYgOC4zNDI5MiA0Mi40Njg2IDguNTA0OTNDNDIuNDY4NiA4LjcyMTk5IDQyLjQyNzggOC45NjI1MiA0Mi4zNDQxIDkuMjI3MjZMNDIuMzQzNiA5LjIyODg3TDQyLjM0MzIgOS4yMzA1QzQyLjI3NTMgOS40NzQ2NCA0Mi4xNTI2IDkuNzE0MTYgNDEuOTcyOCA5Ljk0OTA5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUxLjYyMzYgMi45NzYyNkg0OC4zMTQxVjE4Ljk3MTdINTEuNjIzNlYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY0LjE2MTEgMi45NzYyNkg1My4zMDlWNi4xNzU1MUg1Ny4wMDUxVjE4Ljk3MTdMNjAuMzE0NiAxOC45NTg2VjYuMTc1NTFINjQuMTYxMVYyLjk3NjI2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjUyNDc3NCAwLjI3NDIyN0MwLjU3NDczNCAwLjI0NTQwOCAwLjYzODYxNyAwLjI2MjUxMSAwLjY2NzQ2MiAwLjMxMjQyN0wxNC4xMTQ2IDIzLjU4MzJDMTQuMTQzNCAyMy42MzMxIDE0LjEyNjMgMjMuNjk2OSAxNC4wNzY0IDIzLjcyNThDMTQuMDI2NCAyMy43NTQ2IDEzLjk2MjUgMjMuNzM3NSAxMy45MzM3IDIzLjY4NzZMMC40ODY1NDEgMC40MTY3OUMwLjQ1NzY5NyAwLjM2Njg3NCAwLjQ3NDgxNSAwLjMwMzA0NiAwLjUyNDc3NCAwLjI3NDIyN1oiIGZpbGw9IiM3N0E2QzAiLz4KPHBhdGggZD0iTTIuNzUzMDQgMTguNDI5OUgyLjE3NzQ5VjE5LjE2OTNIMS40Mzc1TDEuNDM3NSAxOS43NDQzSDIuMTc3NDlWMjAuNDgzN0gyLjc1MzA0VjE5Ljc0NDNIMy40OTMwNFYxOS4xNjkzTDIuNzUzMDQgMTkuMTY5M1YxOC40Mjk5WiIgZmlsbD0iIzc3QTZDMCIvPgo8L3N2Zz4K" width="65" height="24" alt="Spirit"></a>
       <div class="HeaderMobileActions">
-        <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
+        <button aria-controls="my-menu" aria-expanded="false" data-spirit-target="#my-menu" data-spirit-toggle="offcanvas" class="Button Button--secondary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a1fcc7134edb5d176925f0fd5ddd9d42" aria-hidden="true">
         <path d="M4 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H4C3.45 16 3 16.45 3 17C3 17.55 3.45 18 4 18ZM4 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13ZM3 7C3 7.55 3.45 8 4 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7Z" fill="currentColor">
         </path></svg> <span class="accessibility-hidden">Menu</span></button>
       </div>
@@ -45,7 +45,7 @@
     <dialog class="HeaderDialog" id="my-menu">
       <div class="HeaderDialog__panel">
         <div class="HeaderDialog__content">
-          <button class="HeaderDialogCloseButton" type="button" data-spirit-dismiss="offcanvas" data-spirit-target="#my-menu" aria-controls="my-menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
+          <button class="HeaderDialogCloseButton" type="button" data-spirit-dismiss="offcanvas" data-spirit-target="#my-menu" aria-controls="my-menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
           <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.11 5.69997C6.72 5.30997 6.09 5.30997 5.7 5.69997C5.31 6.08997 5.31 6.71997 5.7 7.10997L10.59 12L5.7 16.89C5.31 17.28 5.31 17.91 5.7 18.3C6.09 18.69 6.72 18.69 7.11 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" fill="currentColor">
           </path></svg> <span class="accessibility-hidden">Close</span></button>
           <nav aria-label="Main navigation" class="HeaderDialogActions HeaderDialogActions--primary">
diff --git a/packages/web-twig/src/Resources/components/Icon/__tests__/__snapshots__/icon.twig.snap.html b/packages/web-twig/src/Resources/components/Icon/__tests__/__snapshots__/icon.twig.snap.html
index aee869a40a..a599f09f74 100644
--- a/packages/web-twig/src/Resources/components/Icon/__tests__/__snapshots__/icon.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Icon/__tests__/__snapshots__/icon.twig.snap.html
@@ -5,16 +5,16 @@
     </title>
   </head>
   <body>
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="f0c4c080075841bbc911dd74dc9df8be" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_f0c4c080075841bbc911dd74dc9df8be" aria-hidden="true">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.9991C17.5228 21.9991 22 17.522 22 11.9991C22 6.4763 17.5228 1.99915 12 1.99915C6.47715 1.99915 2 6.4763 2 11.9991C2 17.522 6.47715 21.9991 12 21.9991ZM12 12C11.45 12 11 11.55 11 11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11C13 11.55 12.55 12 12 12ZM13 14V16H11V14H13Z" fill="currentColor">
     </path></svg> <!-- Render with title -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="bb6d031b3d8f5bbf783f291e56d73a0a" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_bb6d031b3d8f5bbf783f291e56d73a0a" aria-hidden="true">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.9991C17.5228 21.9991 22 17.522 22 11.9991C22 6.4763 17.5228 1.99915 12 1.99915C6.47715 1.99915 2 6.4763 2 11.9991C2 17.522 6.47715 21.9991 12 21.9991ZM12 12C11.45 12 11 11.55 11 11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11C13 11.55 12.55 12 12 12ZM13 14V16H11V14H13Z" fill="currentColor">
     </path>
     <title>
       This is warning!
     </title></svg> <!-- Render with boxSize -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 24 24" fill="none" id="88980d19ca0d40366928acb0ed6d6f1c" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 24 24" fill="none" id="svg_88980d19ca0d40366928acb0ed6d6f1c" aria-hidden="true">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.9991C17.5228 21.9991 22 17.522 22 11.9991C22 6.4763 17.5228 1.99915 12 1.99915C6.47715 1.99915 2 6.4763 2 11.9991C2 17.522 6.47715 21.9991 12 21.9991ZM12 12C11.45 12 11 11.55 11 11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11C13 11.55 12.55 12 12 12ZM13 14V16H11V14H13Z" fill="currentColor">
     </path></svg> <!-- Render as symbol -->
     <svg xmlns="http://www.w3.org/2000/svg">
diff --git a/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDefault.twig.snap.html
index e0bf2fa6f8..c29e0b3690 100644
--- a/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDefault.twig.snap.html
@@ -8,7 +8,7 @@
     <dialog aria-label="Modal Title" class="Modal Modal--center" id="modal-example-mini">
       <article class="ModalDialog">
         <header class="ModalHeader">
-          <button aria-controls="modal-example-mini" aria-expanded="false" data-spirit-dismiss="modal" data-spirit-target="#modal-example-mini" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
+          <button aria-controls="modal-example-mini" aria-expanded="false" data-spirit-dismiss="modal" data-spirit-target="#modal-example-mini" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
           <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.11 5.69997C6.72 5.30997 6.09 5.30997 5.7 5.69997C5.31 6.08997 5.31 6.71997 5.7 7.10997L10.59 12L5.7 16.89C5.31 17.28 5.31 17.91 5.7 18.3C6.09 18.69 6.72 18.69 7.11 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" fill="currentColor">
           </path></svg> <span class="accessibility-hidden">Close</span></button>
         </header>
@@ -35,7 +35,7 @@ <h2 class="ModalHeader__title" id="modal-example-title">
             Title of the Modal
           </h2>
           <button aria-controls="modal-example" aria-expanded="false" data-spirit-dismiss="modal" data-spirit-target="#modal-example" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#a79dff7a255f69bbe6e39d594aa2275b">
+          <use href="#svg_a79dff7a255f69bbe6e39d594aa2275b">
           </use></svg> <span class="accessibility-hidden">Close form</span></button>
         </header>
 
@@ -62,7 +62,7 @@ <h2 class="ModalHeader__title" id="modal-example-title">
       <article class="ModalDialog ModalDialog--scrollable" style="--modal-dialog-max-height: 200px;--modal-dialog-height: 100px;">
         <header class="ModalHeader">
           <button aria-controls="modal-example-custom-height" aria-expanded="false" data-spirit-dismiss="modal" data-spirit-target="#modal-example-custom-height" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#a79dff7a255f69bbe6e39d594aa2275b">
+          <use href="#svg_a79dff7a255f69bbe6e39d594aa2275b">
           </use></svg> <span class="accessibility-hidden">Close</span></button>
         </header>
 
@@ -111,7 +111,7 @@ <h2 class="ModalHeader__title" id="modal-example-all-title">
             Title of the Modal
           </h2>
           <button aria-controls="modal-example-all" aria-expanded="false" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#a79dff7a255f69bbe6e39d594aa2275b">
+          <use href="#svg_a79dff7a255f69bbe6e39d594aa2275b">
           </use></svg> <span class="accessibility-hidden">Close form</span></button>
         </header>
 
diff --git a/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDisabledBackdropClick.twig.snap.html b/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDisabledBackdropClick.twig.snap.html
index dd448fb52e..26121c54ba 100644
--- a/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDisabledBackdropClick.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Modal/__tests__/__snapshots__/modalDisabledBackdropClick.twig.snap.html
@@ -11,7 +11,7 @@
           <h2 class="ModalHeader__title" id="example-disabled-backdrop-click-title">
             Modal Title
           </h2>
-          <button aria-controls="example-disabled-backdrop-click" aria-expanded="false" data-spirit-dismiss="modal" data-spirit-target="#example-disabled-backdrop-click" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
+          <button aria-controls="example-disabled-backdrop-click" aria-expanded="false" data-spirit-dismiss="modal" data-spirit-target="#example-disabled-backdrop-click" class="Button Button--tertiary Button--medium Button--symmetrical" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
           <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.11 5.69997C6.72 5.30997 6.09 5.30997 5.7 5.69997C5.31 6.08997 5.31 6.71997 5.7 7.10997L10.59 12L5.7 16.89C5.31 17.28 5.31 17.91 5.7 18.3C6.09 18.69 6.72 18.69 7.11 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" fill="currentColor">
           </path></svg> <span class="accessibility-hidden">Close</span></button>
         </header>
diff --git a/packages/web-twig/src/Resources/components/Pagination/__tests__/__snapshots__/paginationDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Pagination/__tests__/__snapshots__/paginationDefault.twig.snap.html
index ce85961863..d1e2f1b951 100644
--- a/packages/web-twig/src/Resources/components/Pagination/__tests__/__snapshots__/paginationDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Pagination/__tests__/__snapshots__/paginationDefault.twig.snap.html
@@ -32,7 +32,7 @@
         </li>
 
         <li class="Pagination__item">
-          <a class="Button Button--secondary Button--medium Button--symmetrical" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="fa2b65b7e049d1eae33532715c70980f" aria-hidden="true">
+          <a class="Button Button--secondary Button--medium Button--symmetrical" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_fa2b65b7e049d1eae33532715c70980f" aria-hidden="true">
           <path d="M9.29006 7.05475C8.90006 7.44475 8.90006 8.07475 9.29006 8.46475L13.1701 12.3447L9.29006 16.2247C8.90006 16.6147 8.90006 17.2447 9.29006 17.6347C9.68006 18.0247 10.3101 18.0247 10.7001 17.6347L15.2901 13.0447C15.6801 12.6547 15.6801 12.0247 15.2901 11.6347L10.7001 7.04475C10.3201 6.66475 9.68006 6.66475 9.29006 7.05475Z" fill="currentColor">
           </path></svg> <span class="accessibility-hidden">Next</span></a>
         </li>
diff --git a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDefault.twig.snap.html
index de9c608de4..66c01eee6e 100644
--- a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDefault.twig.snap.html
@@ -20,7 +20,7 @@
           </option>
         </select>
         <div class="Select__icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDisabled.twig.snap.html b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDisabled.twig.snap.html
index 88b11ce236..2ca13796c4 100644
--- a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDisabled.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectDisabled.twig.snap.html
@@ -20,7 +20,7 @@
           </option>
         </select>
         <div class="Select__icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectFluid.twig.snap.html b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectFluid.twig.snap.html
index 4ef425cfff..81d03e9187 100644
--- a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectFluid.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectFluid.twig.snap.html
@@ -20,7 +20,7 @@
           </option>
         </select>
         <div class="Select__icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectHelperText.twig.snap.html b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectHelperText.twig.snap.html
index ba3fdbfd3d..a9955ef7c2 100644
--- a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectHelperText.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectHelperText.twig.snap.html
@@ -20,7 +20,7 @@
           </option>
         </select>
         <div class="Select__icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectLabelHidden.twig.snap.html b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectLabelHidden.twig.snap.html
index 378e228bde..84fb5959e3 100644
--- a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectLabelHidden.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectLabelHidden.twig.snap.html
@@ -20,7 +20,7 @@
           </option>
         </select>
         <div class="Select__icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectValidationState.twig.snap.html b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectValidationState.twig.snap.html
index fcacdb89bd..1166c115c3 100644
--- a/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectValidationState.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Select/__tests__/__snapshots__/selectValidationState.twig.snap.html
@@ -20,7 +20,7 @@
           </option>
         </select>
         <div class="Select__icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e4d24000792e7660bc881b0a7e9ee481" aria-hidden="true">
           <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z" fill="currentColor">
           </path></svg>
         </div>
@@ -47,7 +47,7 @@
         </select>
         <div class="Select__icon">
           <svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#e4d24000792e7660bc881b0a7e9ee481">
+          <use href="#svg_e4d24000792e7660bc881b0a7e9ee481">
           </use></svg>
         </div>
       </div>
@@ -73,7 +73,7 @@
         </select>
         <div class="Select__icon">
           <svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-          <use href="#e4d24000792e7660bc881b0a7e9ee481">
+          <use href="#svg_e4d24000792e7660bc881b0a7e9ee481">
           </use></svg>
         </div>
       </div>
diff --git a/packages/web-twig/src/Resources/components/Spinner/__tests__/__snapshots__/spinnerDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Spinner/__tests__/__snapshots__/spinnerDefault.twig.snap.html
index 7456a723f0..e8694f7f95 100644
--- a/packages/web-twig/src/Resources/components/Spinner/__tests__/__snapshots__/spinnerDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Spinner/__tests__/__snapshots__/spinnerDefault.twig.snap.html
@@ -5,19 +5,19 @@
     </title>
   </head>
   <body>
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="27ec748962d19e70a6144d47dc4e2e3e" class="animation-spin-clockwise" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_27ec748962d19e70a6144d47dc4e2e3e" class="animation-spin-clockwise" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg> <!-- Render as primary -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e09203e12069cb25594b7ed937a6f50e" class="text-primary animation-spin-clockwise" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e09203e12069cb25594b7ed937a6f50e" class="text-primary animation-spin-clockwise" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg> <!-- Render as secondary -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="fe929b7d9a6e54ec9df7fdd5ab72ae53" class="text-secondary animation-spin-clockwise" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_fe929b7d9a6e54ec9df7fdd5ab72ae53" class="text-secondary animation-spin-clockwise" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg> <!-- Render visible to assistive technologies -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e196a15958801e10500c8535fff46000" class="animation-spin-clockwise" aria-hidden="false">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e196a15958801e10500c8535fff46000" class="animation-spin-clockwise" aria-hidden="false">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg> <!-- Render with all props -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="0d1efe925ba1c4d3bd4a541a92c23dbe" class="text-tertiary animation-spin-clockwise my-custom-class" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_0d1efe925ba1c4d3bd4a541a92c23dbe" class="text-tertiary animation-spin-clockwise my-custom-class" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg>
   </body>
diff --git a/packages/web-twig/src/Resources/components/TextField/__tests__/__snapshots__/textFieldPasswordToggle.twig.snap.html b/packages/web-twig/src/Resources/components/TextField/__tests__/__snapshots__/textFieldPasswordToggle.twig.snap.html
index 25db1b6d60..edd5fd21b1 100644
--- a/packages/web-twig/src/Resources/components/TextField/__tests__/__snapshots__/textFieldPasswordToggle.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/TextField/__tests__/__snapshots__/textFieldPasswordToggle.twig.snap.html
@@ -8,9 +8,9 @@
     <div class="TextField">
       <label for="password-toggle" class="TextField__label">Text field with password toggle</label>
       <div class="TextField__passwordToggle">
-        <input type="password" id="password-toggle" name="passwordToggle" class="TextField__input"> <button type="button" class="TextField__passwordToggle__button" role="switch" aria-pressed="false" aria-label="Show password" data-spirit-toggle="password"><span class="TextField__passwordToggle__icon TextField__passwordToggle__icon--hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="e17ec038ec71c7b0e88946015167125e" aria-hidden="true">
+        <input type="password" id="password-toggle" name="passwordToggle" class="TextField__input"> <button type="button" class="TextField__passwordToggle__button" role="switch" aria-pressed="false" aria-label="Show password" data-spirit-toggle="password"><span class="TextField__passwordToggle__icon TextField__passwordToggle__icon--hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_e17ec038ec71c7b0e88946015167125e" aria-hidden="true">
         <path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z" fill="currentColor">
-        </path></svg></span> <span class="TextField__passwordToggle__icon TextField__passwordToggle__icon--shown"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="ecd521048109a7b10a9d717d4ea729de" aria-hidden="true">
+        </path></svg></span> <span class="TextField__passwordToggle__icon TextField__passwordToggle__icon--shown"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_ecd521048109a7b10a9d717d4ea729de" aria-hidden="true">
         <path d="M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z" fill="currentColor">
         </path></svg></span></button>
       </div>
@@ -20,9 +20,9 @@
       <label for="password-toggle" class="TextField__label">Text field with password toggle</label>
       <div class="TextField__passwordToggle">
         <input type="password" id="password-toggle" name="passwordToggle" class="TextField__input" disabled> <button type="button" class="TextField__passwordToggle__button" role="switch" aria-pressed="false" aria-label="Show password" data-spirit-toggle="password" disabled><span class="TextField__passwordToggle__icon TextField__passwordToggle__icon--hidden"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-        <use href="#e17ec038ec71c7b0e88946015167125e">
+        <use href="#svg_e17ec038ec71c7b0e88946015167125e">
         </use></svg></span> <span class="TextField__passwordToggle__icon TextField__passwordToggle__icon--shown"><svg width="24" height="24" fill="none" viewbox="0 0 24 24" aria-hidden="true">
-        <use href="#ecd521048109a7b10a9d717d4ea729de">
+        <use href="#svg_ecd521048109a7b10a9d717d4ea729de">
         </use></svg></span></button>
       </div>
     </div>
diff --git a/packages/web-twig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltipPopover.twig.snap.html b/packages/web-twig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltipPopover.twig.snap.html
index 55fe6c9451..78b14a381c 100644
--- a/packages/web-twig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltipPopover.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltipPopover.twig.snap.html
@@ -11,7 +11,7 @@
     <!-- Render with all props -->
 
     <div class="TooltipPopover TooltipPopover--dismissible is-hidden" id="my-tooltip" data-spirit-placement="right-start" data-spirit-enable-flipping="true" data-spirit-enable-flipping-cross-axis="true" data-spirit-flip-fallback-axis-side-direction="top, left, right, bottom" data-spirit-flip-fallback-placements="left-start" data-spirit-enable-shifting="true" data-spirit-enable-sizing="true" data-spirit-trigger="click, hover">
-      Hello there! <button type="button" class="TooltipPopover__close" data-spirit-dismiss="tooltip" aria-controls="my-tooltip" data-spirit-target="#my-tooltip" aria-expanded="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
+      Hello there! <button type="button" class="TooltipPopover__close" data-spirit-dismiss="tooltip" aria-controls="my-tooltip" data-spirit-target="#my-tooltip" aria-expanded="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
       <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.11 5.69997C6.72 5.30997 6.09 5.30997 5.7 5.69997C5.31 6.08997 5.31 6.71997 5.7 7.10997L10.59 12L5.7 16.89C5.31 17.28 5.31 17.91 5.7 18.3C6.09 18.69 6.72 18.69 7.11 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" fill="currentColor">
       </path></svg> <span class="accessibility-hidden">Close tooltip</span></button>
     </div>
diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
index 44f2945203..28d9b9fab4 100644
--- a/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/UNSTABLE_ActionLayout/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
@@ -8,7 +8,7 @@
     <div class="Stack Stack--hasSpacing UNSTABLE_EmptyState" style="--stack-spacing: var(--spirit-space-700);">
       <div class="Stack UNSTABLE_EmptyState__section">
         <div style="border: 1px solid #E9E9E9; border-radius: 10px; padding: 12px">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="0b030f932056ee26f2a78b61d3405eb8" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_0b030f932056ee26f2a78b61d3405eb8" aria-hidden="true">
           <path d="M15.5 14H14.71L14.43 13.73C15.63 12.33 16.25 10.42 15.91 8.39002C15.44 5.61002 13.12 3.39002 10.32 3.05002C6.09001 2.53002 2.53002 6.09001 3.05002 10.32C3.39002 13.12 5.61002 15.44 8.39002 15.91C10.42 16.25 12.33 15.63 13.73 14.43L14 14.71V15.5L18.25 19.75C18.66 20.16 19.33 20.16 19.74 19.75C20.15 19.34 20.15 18.67 19.74 18.26L15.5 14ZM9.50002 14C7.01002 14 5.00002 11.99 5.00002 9.50002C5.00002 7.01002 7.01002 5.00002 9.50002 5.00002C11.99 5.00002 14 7.01002 14 9.50002C14 11.99 11.99 14 9.50002 14Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Resources/components/UNSTABLE_EmptyState/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html b/packages/web-twig/src/Resources/components/UNSTABLE_EmptyState/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
index 8f6f226c9b..982c8778c7 100644
--- a/packages/web-twig/src/Resources/components/UNSTABLE_EmptyState/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/UNSTABLE_EmptyState/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
@@ -8,7 +8,7 @@
     <div class="Stack Stack--hasSpacing UNSTABLE_EmptyState" style="--stack-spacing: var(--spirit-space-900);">
       <div class="Stack UNSTABLE_EmptyState__section">
         <div style="border: 1px solid #E9E9E9; border-radius: 10px; padding: 12px">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="0b030f932056ee26f2a78b61d3405eb8" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_0b030f932056ee26f2a78b61d3405eb8" aria-hidden="true">
           <path d="M15.5 14H14.71L14.43 13.73C15.63 12.33 16.25 10.42 15.91 8.39002C15.44 5.61002 13.12 3.39002 10.32 3.05002C6.09001 2.53002 2.53002 6.09001 3.05002 10.32C3.39002 13.12 5.61002 15.44 8.39002 15.91C10.42 16.25 12.33 15.63 13.73 14.43L14 14.71V15.5L18.25 19.75C18.66 20.16 19.33 20.16 19.74 19.75C20.15 19.34 20.15 18.67 19.74 18.26L15.5 14ZM9.50002 14C7.01002 14 5.00002 11.99 5.00002 9.50002C5.00002 7.01002 7.01002 5.00002 9.50002 5.00002C11.99 5.00002 14 7.01002 14 9.50002C14 11.99 11.99 14 9.50002 14Z" fill="currentColor">
           </path></svg>
         </div>
diff --git a/packages/web-twig/src/Twig/SvgExtension.php b/packages/web-twig/src/Twig/SvgExtension.php
index 31b032c899..041725185d 100644
--- a/packages/web-twig/src/Twig/SvgExtension.php
+++ b/packages/web-twig/src/Twig/SvgExtension.php
@@ -26,6 +26,7 @@ class SvgExtension extends AbstractExtension
     private const ATTR_WIDTH = 'width';
     private const SIMPLE_XML_ROOT_DECLARATION = "<?xml version=\"1.0\"?>\n";
     private const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+    private const SVG_ID_PREFIX = 'svg_';
 
     /**
      * @var array<string,SimpleXMLElement|false>
@@ -84,7 +85,7 @@ public function getInlineSvg(Environment $environment, string $path, array $para
             }
         }
 
-        $iconId = md5($path . serialize($params));
+        $iconId = self::SVG_ID_PREFIX . md5($path . serialize($params));
 
         if (array_key_exists($iconId, $this->cacheReusableIconContent)) {
             return $this->cacheReusableIconContent[$iconId];
diff --git a/packages/web-twig/tests/__snapshots__/ComponentsSnapshotTest__test with data set spinnerIconProps.twig__1.html b/packages/web-twig/tests/__snapshots__/ComponentsSnapshotTest__test with data set spinnerIconProps.twig__1.html
index beb07c9f84..adfb182a26 100644
--- a/packages/web-twig/tests/__snapshots__/ComponentsSnapshotTest__test with data set spinnerIconProps.twig__1.html	
+++ b/packages/web-twig/tests/__snapshots__/ComponentsSnapshotTest__test with data set spinnerIconProps.twig__1.html	
@@ -5,19 +5,19 @@
     </title>
   </head>
   <body>
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="27abdc3128c8d61da37f1c35ac5f3d3e" class="animation-spin-clockwise" aria-hidden="false">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_27abdc3128c8d61da37f1c35ac5f3d3e" class="animation-spin-clockwise" aria-hidden="false">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg> <!-- Render specific size of the icon -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 24 24" fill="none" id="8b41fec379700001c057f921191adac1" class="animation-spin-clockwise" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 24 24" fill="none" id="svg_8b41fec379700001c057f921191adac1" class="animation-spin-clockwise" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path></svg> <!-- Render icon with title -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="dfde04f3898df64b89edb74f465a12b2" class="animation-spin-clockwise" aria-hidden="true">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="svg_dfde04f3898df64b89edb74f465a12b2" class="animation-spin-clockwise" aria-hidden="true">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path>
     <title>
       Spinner title
     </title></svg> <!-- Render with all props -->
-    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 24 24" fill="none" id="7734b78cb5c24f75a1201fd08dceabd3" class="animation-spin-clockwise" aria-hidden="false">
+    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 24 24" fill="none" id="svg_7734b78cb5c24f75a1201fd08dceabd3" class="animation-spin-clockwise" aria-hidden="false">
     <path d="M2.5 12.3998C2.5 11.8496 2.69599 11.3788 3.08797 10.9876C3.47995 10.5963 3.9507 10.4003 4.50022 10.3996C5.04974 10.3988 5.52049 10.5948 5.91248 10.9876C6.30446 11.3803 6.50045 11.851 6.50045 12.3998C6.50045 12.9486 6.30446 13.4193 5.91248 13.8121C5.52049 14.2048 5.04974 14.4008 4.50022 14.4C3.9507 14.3993 3.47995 14.2033 3.08797 13.8121C2.69599 13.4208 2.5 12.9501 2.5 12.3998V12.3998ZM4.69957 6.80009C4.69957 6.19159 4.91423 5.67268 5.34354 5.24336C5.77286 4.81405 6.29176 4.59939 6.90027 4.59939C7.50877 4.59939 8.02768 4.81405 8.45699 5.24336C8.88631 5.67268 9.10096 6.19159 9.10096 6.80009C9.10096 7.40859 8.88631 7.9275 8.45699 8.35681C8.02768 8.78613 7.50877 9.00078 6.90027 9.00078C6.29176 9.00078 5.77286 8.78613 5.34354 8.35681C4.91423 7.9275 4.69957 7.40859 4.69957 6.80009ZM5.09939 17.9995C5.09939 17.4993 5.27448 17.0745 5.62465 16.7251C5.97482 16.3756 6.39965 16.2005 6.89915 16.1998C7.39043 16.1998 7.8134 16.3749 8.16805 16.7251C8.5227 17.0752 8.69965 17.5001 8.6989 17.9995C8.69815 18.499 8.5212 18.9239 8.16805 19.274C7.81489 19.6242 7.39192 19.7993 6.89915 19.7993C6.39891 19.7993 5.97407 19.6242 5.62465 19.274C5.27523 18.9239 5.10014 18.499 5.09939 17.9995ZM10.1 4.40004C10.1 3.7333 10.3333 3.16661 10.7999 2.69997C11.2666 2.23332 11.8333 2 12.5 2C13.1667 2 13.7334 2.23332 14.2001 2.69997C14.6667 3.16661 14.9 3.7333 14.9 4.40004C14.9 5.06679 14.6667 5.63348 14.2001 6.10012C13.7334 6.56677 13.1667 6.80009 12.5 6.80009C11.8333 6.80009 11.2666 6.56677 10.7999 6.10012C10.3333 5.63348 10.1 5.06679 10.1 4.40004ZM10.8996 20.3996C10.8996 19.9576 11.056 19.5805 11.3689 19.2684C11.6817 18.9564 12.0587 18.7999 12.5 18.7992C12.9413 18.7984 13.3183 18.9549 13.6311 19.2684C13.944 19.582 14.1004 19.9591 14.1004 20.3996C14.1004 20.8401 13.944 21.2172 13.6311 21.5307C13.3183 21.8443 12.9413 22.0007 12.5 22C12.0587 21.9992 11.6817 21.8428 11.3689 21.5307C11.056 21.2186 10.8996 20.8416 10.8996 20.3996ZM16.6998 17.9995C16.6998 17.6165 16.8372 17.2873 17.1119 17.0118C17.3867 16.7362 17.716 16.5989 18.0997 16.5996C18.4835 16.6004 18.8128 16.7377 19.0875 17.0118C19.3623 17.2858 19.4997 17.615 19.4997 17.9995C19.4997 18.3841 19.3623 18.7133 19.0875 18.9873C18.8128 19.2614 18.4835 19.3987 18.0997 19.3995C17.716 19.4002 17.3867 19.2628 17.1119 18.9873C16.8372 18.7118 16.6998 18.3826 16.6998 17.9995ZM17.0996 6.80009C17.0996 6.52533 17.1974 6.28977 17.393 6.0934C17.5887 5.89704 17.8242 5.79923 18.0997 5.79998C18.3752 5.80072 18.6108 5.89853 18.8064 6.0934C19.002 6.28827 19.0998 6.52384 19.0998 6.80009C19.0998 7.07634 19.002 7.3119 18.8064 7.50677C18.6108 7.70164 18.3752 7.79945 18.0997 7.8002C17.8242 7.80095 17.5887 7.70314 17.393 7.50677C17.1974 7.31041 17.0996 7.07485 17.0996 6.80009ZM19.2992 12.3998C19.2992 12.0668 19.416 11.7835 19.6497 11.5498C19.8834 11.3161 20.1668 11.1992 20.4998 11.1992C20.8328 11.1992 21.1161 11.3161 21.3498 11.5498C21.5835 11.7835 21.7004 12.0668 21.7004 12.3998C21.7004 12.7328 21.5835 13.0162 21.3498 13.2499C21.1161 13.4836 20.8328 13.6004 20.4998 13.6004C20.1668 13.6004 19.8834 13.4836 19.6497 13.2499C19.416 13.0162 19.2992 12.7328 19.2992 12.3998Z" fill="currentColor">
     </path>
     <title>
diff --git a/packages/web-twig/tests/fixtures/test.svg b/packages/web-twig/tests/fixtures/test.svg
index 8f2101da40..07b3853082 100644
--- a/packages/web-twig/tests/fixtures/test.svg
+++ b/packages/web-twig/tests/fixtures/test.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="12px" id="21e47a96450ffe37f04c15c350887255" version="1.1" viewBox="0 0 14 12" width="14px">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="12px" id="svg_21e47a96450ffe37f04c15c350887255" version="1.1" viewBox="0 0 14 12" width="14px">
     <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
         <g id="320px" transform="translate(-286.000000, -27.000000)">
             <g id="menu" transform="translate(286.000000, 26.000000)">
@@ -6,4 +6,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/web-twig/tests/fixtures/test_reusable.svg b/packages/web-twig/tests/fixtures/test_reusable.svg
index 46b7b67313..a5f0b747e2 100644
--- a/packages/web-twig/tests/fixtures/test_reusable.svg
+++ b/packages/web-twig/tests/fixtures/test_reusable.svg
@@ -1,3 +1,3 @@
 <svg height="12px" version="1.1" viewBox="0 0 14 12" width="14px">
-    <use href="#21e47a96450ffe37f04c15c350887255"/>
+    <use href="#svg_21e47a96450ffe37f04c15c350887255"/>
 </svg>
diff --git a/packages/web-twig/tests/fixtures/test_with_class.svg b/packages/web-twig/tests/fixtures/test_with_class.svg
index 5da41cb890..c4a174ae24 100644
--- a/packages/web-twig/tests/fixtures/test_with_class.svg
+++ b/packages/web-twig/tests/fixtures/test_with_class.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="testClass" height="12px" id="105407ac27c9562c379570446e427b0e" version="1.1" viewBox="0 0 14 12" width="14px">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="testClass" height="12px" id="svg_105407ac27c9562c379570446e427b0e" version="1.1" viewBox="0 0 14 12" width="14px">
     <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
         <g id="320px" transform="translate(-286.000000, -27.000000)">
             <g id="menu" transform="translate(286.000000, 26.000000)">
@@ -6,4 +6,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/web-twig/tests/fixtures/test_with_size.svg b/packages/web-twig/tests/fixtures/test_with_size.svg
index 46b8217e13..93b74fe564 100644
--- a/packages/web-twig/tests/fixtures/test_with_size.svg
+++ b/packages/web-twig/tests/fixtures/test_with_size.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="32" id="1d813ff651752b5a4c054764d165a82e" version="1.1" viewBox="0 0 14 12" width="32">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="32" id="svg_1d813ff651752b5a4c054764d165a82e" version="1.1" viewBox="0 0 14 12" width="32">
   <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
     <g id="320px" transform="translate(-286.000000, -27.000000)">
       <g id="menu" transform="translate(286.000000, 26.000000)">
diff --git a/packages/web-twig/tests/fixtures/test_with_style.svg b/packages/web-twig/tests/fixtures/test_with_style.svg
index 60ac57e20f..ede62d8006 100644
--- a/packages/web-twig/tests/fixtures/test_with_style.svg
+++ b/packages/web-twig/tests/fixtures/test_with_style.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="12px" id="36da56be06f33a6d26962f9a914e4794" style="position: absolute;" version="1.1" viewBox="0 0 14 12" width="14px">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="12px" id="svg_36da56be06f33a6d26962f9a914e4794" style="position: absolute;" version="1.1" viewBox="0 0 14 12" width="14px">
     <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
         <g id="320px" transform="translate(-286.000000, -27.000000)">
             <g id="menu" transform="translate(286.000000, 26.000000)">
diff --git a/packages/web-twig/tests/fixtures/test_with_title.svg b/packages/web-twig/tests/fixtures/test_with_title.svg
index bec94b8bc7..427b819045 100644
--- a/packages/web-twig/tests/fixtures/test_with_title.svg
+++ b/packages/web-twig/tests/fixtures/test_with_title.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="12px" id="bddc0f0c7cd953ecc0cad26a6aa6b95e" version="1.1" viewBox="0 0 14 12" width="14px">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="12px" id="svg_bddc0f0c7cd953ecc0cad26a6aa6b95e" version="1.1" viewBox="0 0 14 12" width="14px">
     <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
         <g id="320px" transform="translate(-286.000000, -27.000000)">
             <g id="menu" transform="translate(286.000000, 26.000000)">
@@ -7,4 +7,4 @@
         </g>
     </g>
     <title>test</title>
-</svg>
\ No newline at end of file
+</svg>