diff --git a/packages/icons/menus/MenuLabs.tsx b/packages/icons/menus/MenuLabs.tsx
index 7092ad9b040a..63469d355c77 100644
--- a/packages/icons/menus/MenuLabs.tsx
+++ b/packages/icons/menus/MenuLabs.tsx
@@ -4,8 +4,8 @@ import type { SvgIcon } from '@material-ui/core'
 export const MenuLabsIcon: typeof SvgIcon = createIcon(
     'MenuLabsIcon',
     <g>
-        <circle cx="11" cy="12" r="6" fill="url(#paint0_linear)" />
-        <g filter="url(#filter0_b)">
+        <circle cx="11" cy="12" r="6" fill="url(#labs_linear)" />
+        <g filter="url(#labs)">
             <path
                 fillRule="evenodd"
                 clipRule="evenodd"
@@ -16,7 +16,7 @@ export const MenuLabsIcon: typeof SvgIcon = createIcon(
         </g>
         <circle cx="17.309" cy="6.656" fill="#B0CFEB" fillOpacity=".8" r="1.156" />
         <defs>
-            <linearGradient id="paint0_linear" x1="5" y1="18" x2="17" y2="18" gradientUnits="userSpaceOnUse">
+            <linearGradient id="labs_linear" x1="5" y1="18" x2="17" y2="18" gradientUnits="userSpaceOnUse">
                 <stop stopColor="#AFC3E1" />
                 <stop offset="1" stopColor="#C3D7F5" />
             </linearGradient>
@@ -25,7 +25,7 @@ export const MenuLabsIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#C4E1FB" />
             </linearGradient>
             <filter
-                id="filter0_b"
+                id="labs"
                 x="-1"
                 y="6.131"
                 width="25"
diff --git a/packages/icons/menus/MenuLabsActive.tsx b/packages/icons/menus/MenuLabsActive.tsx
index da787d534af4..6c2d56ed075e 100644
--- a/packages/icons/menus/MenuLabsActive.tsx
+++ b/packages/icons/menus/MenuLabsActive.tsx
@@ -4,8 +4,8 @@ import type { SvgIcon } from '@material-ui/core'
 export const MenuLabsActiveIcon: typeof SvgIcon = createIcon(
     'MenuLabsActiveIcon',
     <g>
-        <circle cx="11" cy="12" r="6" fill="url(#paint0_linear)" />
-        <g filter="url(#filter0_b)">
+        <circle cx="11" cy="12" r="6" fill="url(#labs_active_linear)" />
+        <g filter="url(#labs_active)">
             <path
                 fillRule="evenodd"
                 clipRule="evenodd"
@@ -17,7 +17,7 @@ export const MenuLabsActiveIcon: typeof SvgIcon = createIcon(
         <circle cx="17.309" cy="6.656" fill="#1C68F3" r="1.156" />
         <defs>
             <linearGradient
-                id="paint0_linear"
+                id="labs_active_linear"
                 x1="5.073"
                 y1="11.579"
                 x2="17.244"
@@ -27,7 +27,7 @@ export const MenuLabsActiveIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#6CB8FF" />
             </linearGradient>
             <filter
-                id="filter0_b"
+                id="labs_active"
                 x="-1"
                 y="6.131"
                 width="25"
diff --git a/packages/icons/menus/MenuPersonas.tsx b/packages/icons/menus/MenuPersonas.tsx
index 354b91ea18c8..228e9087eb32 100644
--- a/packages/icons/menus/MenuPersonas.tsx
+++ b/packages/icons/menus/MenuPersonas.tsx
@@ -11,26 +11,26 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
             height="7.5"
             rx=".75"
             transform="rotate(-30 3.64 13.087)"
-            fill="url(#paint0_linear)"
+            fill="url(#personas_linear_0)"
         />
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M13.635 12.944c-.97.31-2.018.146-2.97-.445a.434.434 0 00-.37-.045.446.446 0 00-.282.263c-.427 1.021-1.196 1.765-2.166 2.075-1.55.495-3.312-.245-4.392-1.843a5.502 5.502 0 01-.684-1.409 6.763 6.763 0 01-.187-.744l-.165-.934.774.546a.574.574 0 00.505.084c.046-.015.09-.04.132-.063l.196-.215.013-.025.025-.048a4.253 4.253 0 012.259-1.718 4.244 4.244 0 012.687.037 4.244 4.244 0 012.168-1.587 4.274 4.274 0 012.837.091l.049.025c.036.02.082.035.128.051l.012.006c.1.03.211.024.322-.011a.56.56 0 00.363-.36l.305-.89.406.856c.117.238.203.475.28.715.161.507.246 1.03.258 1.544.065 1.923-.952 3.55-2.503 4.044zm-5.973-.585c-.129.042-.264.065-.402.078-.758.049-1.462-.47-1.786-.752.233-.258.698-.711 1.28-.897.138-.044.264-.064.402-.078.758-.048 1.462.47 1.786.752-.242.261-.707.715-1.28.897zm3.164-1.498c.34.075.991.172 1.563-.01.139-.045.262-.104.373-.17.637-.397.92-1.23 1.02-1.648-.339-.075-.99-.172-1.563.01a1.802 1.802 0 00-.373.17c-.636.397-.92 1.23-1.02 1.648z"
-            fill="url(#paint1_linear)"
+            fill="url(#personas_linear_1)"
         />
-        <g filter="url(#filter0_b)">
+        <g filter="url(#personas_0)">
             <path
                 fillRule="evenodd"
                 clipRule="evenodd"
                 d="M14.03 8.621l.162-.27 7.659 2.527-.033.314a9.007 9.007 0 01-.434 2.04c-.531 1.594-1.443 2.96-2.56 3.85-.835.662-1.736 1.01-2.593 1.01-.336 0-.661-.044-.976-.153-1.128-.38-1.963-1.377-2.343-2.82-.369-1.378-.282-3.016.25-4.61.217-.673.51-1.302.867-1.888zm.976 4.48c.163.076.336.109.532.109.173 0 .368-.033.575-.087.221-.074.4-.166.477-.207.026-.013.04-.02.043-.02l.217-.13-.12-.229c-.01-.032-.357-.694-1.04-.998-.684-.303-1.41-.108-1.443-.097l-.25.065.055.25c.003.002.01.025.02.063.028.093.082.278.175.479.195.39.455.672.759.803zm3.374 1.15c.086.022.173.033.27.033.261 0 .543-.076.814-.217.282-.141.467-.304.478-.315l.195-.173-.152-.206c-.022-.033-.488-.63-1.215-.792-.673-.15-1.299.117-1.414.166-.01.004-.015.007-.018.007l-.228.109.098.239c0 .01.098.249.282.498.26.348.564.575.89.651z"
-                fill="url(#paint2_linear)"
+                fill="url(#personas_linear_2)"
                 fillOpacity=".3"
             />
         </g>
         <defs>
             <linearGradient
-                id="paint0_linear"
+                id="personas_linear_0"
                 x1="3.641"
                 y1="20.587"
                 x2="5.141"
@@ -40,7 +40,7 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#C3D7F5" />
             </linearGradient>
             <linearGradient
-                id="paint1_linear"
+                id="personas_linear_1"
                 x1="2.933"
                 y1="15.329"
                 x2="16.636"
@@ -50,7 +50,7 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#C3D7F5" />
             </linearGradient>
             <linearGradient
-                id="paint2_linear"
+                id="personas_linear_2"
                 x1="12.688"
                 y1="18.091"
                 x2="21.851"
@@ -60,7 +60,7 @@ export const MenuPersonasIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#C4E1FB" />
             </linearGradient>
             <filter
-                id="filter0_b"
+                id="personas_0"
                 x="8.688"
                 y="4.35"
                 width="17.163"
diff --git a/packages/icons/menus/MenuPersonasActive.tsx b/packages/icons/menus/MenuPersonasActive.tsx
index 9fc2b94315ba..89d33f14c986 100644
--- a/packages/icons/menus/MenuPersonasActive.tsx
+++ b/packages/icons/menus/MenuPersonasActive.tsx
@@ -17,9 +17,9 @@ export const MenuPersonasActiveIcon: typeof SvgIcon = createIcon(
             fillRule="evenodd"
             clipRule="evenodd"
             d="M13.635 12.944c-.97.31-2.018.146-2.97-.445a.434.434 0 00-.37-.045.446.446 0 00-.282.263c-.427 1.021-1.196 1.765-2.166 2.075-1.55.495-3.312-.245-4.392-1.843a5.502 5.502 0 01-.684-1.409 6.763 6.763 0 01-.187-.744l-.165-.934.774.546a.574.574 0 00.505.084c.046-.015.09-.04.132-.063l.196-.215.013-.025.025-.048a4.253 4.253 0 012.259-1.718 4.244 4.244 0 012.687.037 4.244 4.244 0 012.168-1.587 4.274 4.274 0 012.837.091l.049.025c.036.02.082.035.128.051l.012.006c.1.03.211.024.322-.011a.56.56 0 00.363-.36l.305-.89.406.856c.117.238.203.475.28.715.161.507.246 1.03.258 1.544.065 1.923-.952 3.55-2.503 4.044zm-5.973-.585c-.129.042-.264.065-.402.078-.758.049-1.462-.47-1.786-.752.233-.258.698-.711 1.28-.897.138-.044.264-.064.402-.078.758-.048 1.462.47 1.786.752-.242.261-.707.715-1.28.897zm3.164-1.498c.34.075.991.172 1.563-.01.139-.045.262-.104.373-.17.637-.397.92-1.23 1.02-1.648-.339-.075-.99-.172-1.563.01a1.802 1.802 0 00-.373.17c-.636.397-.92 1.23-1.02 1.648z"
-            fill="url(#paint0_linear)"
+            fill="url(#personas_active_linear)"
         />
-        <g filter="url(#filter0_b)">
+        <g filter="url(#personas_active_0)">
             <path
                 fillRule="evenodd"
                 clipRule="evenodd"
@@ -30,7 +30,7 @@ export const MenuPersonasActiveIcon: typeof SvgIcon = createIcon(
         </g>
         <defs>
             <linearGradient
-                id="paint0_linear"
+                id="personas_active_linear"
                 x1="2.598"
                 y1="10.871"
                 x2="15.806"
@@ -40,7 +40,7 @@ export const MenuPersonasActiveIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#6CB8FF" />
             </linearGradient>
             <filter
-                id="filter0_b"
+                id="personas_active_0"
                 x="8.688"
                 y="4.35"
                 width="17.163"
diff --git a/packages/icons/menus/MenuSettings.tsx b/packages/icons/menus/MenuSettings.tsx
index 5b4fb3f37fa5..dfbfc12f4a91 100644
--- a/packages/icons/menus/MenuSettings.tsx
+++ b/packages/icons/menus/MenuSettings.tsx
@@ -8,17 +8,17 @@ export const MenuSettingsIcon: typeof SvgIcon = createIcon(
             fillRule="evenodd"
             clipRule="evenodd"
             d="M6 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8zm9.5 1.5H10a.5.5 0 000 1h5.5a.5.5 0 000-1zm-1.5 4H8.5a.5.5 0 000 1H14a.5.5 0 000-1z"
-            fill="url(#paint0_linear)"
+            fill="url(#settings_linear)"
         />
-        <g filter="url(#filter0_b)">
+        <g filter="url(#settings_circle_0)">
             <circle cx="9.5" cy="10" r="1.5" fill="#fff" fillOpacity=".1" />
         </g>
-        <g filter="url(#filter1_b)">
+        <g filter="url(#settings_circle_1)">
             <circle cx="14.5" cy="14" r="1.5" fill="#fff" fillOpacity=".1" />
         </g>
         <defs>
             <filter
-                id="filter0_b"
+                id="settings_circle_0"
                 x="4"
                 y="4.5"
                 width="11"
@@ -31,7 +31,7 @@ export const MenuSettingsIcon: typeof SvgIcon = createIcon(
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
             <filter
-                id="filter1_b"
+                id="settings_circle_1"
                 x="9"
                 y="8.5"
                 width="11"
@@ -43,7 +43,7 @@ export const MenuSettingsIcon: typeof SvgIcon = createIcon(
                 <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur" />
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
-            <linearGradient id="paint0_linear" x1="6" y1="18" x2="18" y2="18" gradientUnits="userSpaceOnUse">
+            <linearGradient id="settings_linear" x1="6" y1="18" x2="18" y2="18" gradientUnits="userSpaceOnUse">
                 <stop stopColor="#AFC3E1" />
                 <stop offset="1" stopColor="#C3D7F5" />
             </linearGradient>
diff --git a/packages/icons/menus/MenuSettingsActive.tsx b/packages/icons/menus/MenuSettingsActive.tsx
index 982c7315034b..08a2f28a4ad2 100644
--- a/packages/icons/menus/MenuSettingsActive.tsx
+++ b/packages/icons/menus/MenuSettingsActive.tsx
@@ -8,17 +8,17 @@ export const MenuSettingsActiveIcon: typeof SvgIcon = createIcon(
             fillRule="evenodd"
             clipRule="evenodd"
             d="M6 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8zm9.5 1.5H10a.5.5 0 000 1h5.5a.5.5 0 000-1zm-1.5 4H8.5a.5.5 0 000 1H14a.5.5 0 000-1z"
-            fill="url(#paint0_linear)"
+            fill="url(#settings_active_linear)"
         />
-        <g filter="url(#filter0_b)">
+        <g filter="url(#settings_active_circle_0)">
             <circle cx="9.5" cy="10" r="1.5" fill="#fff" fillOpacity=".1" />
         </g>
-        <g filter="url(#filter1_b)">
+        <g filter="url(#settings_active_circle_1)">
             <circle cx="14.5" cy="14" r="1.5" fill="#fff" fillOpacity=".1" />
         </g>
         <defs>
             <filter
-                id="filter0_b"
+                id="settings_active_circle_0"
                 x="4"
                 y="4.5"
                 width="11"
@@ -31,7 +31,7 @@ export const MenuSettingsActiveIcon: typeof SvgIcon = createIcon(
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
             <filter
-                id="filter1_b"
+                id="settings_active_circle_1"
                 x="9"
                 y="8.5"
                 width="11"
@@ -44,7 +44,7 @@ export const MenuSettingsActiveIcon: typeof SvgIcon = createIcon(
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
             <linearGradient
-                id="paint0_linear"
+                id="settings_active_linear"
                 x1="6.073"
                 y1="11.579"
                 x2="18.244"
diff --git a/packages/icons/menus/MenuWallets.tsx b/packages/icons/menus/MenuWallets.tsx
index 24946be3f58c..713009c69898 100644
--- a/packages/icons/menus/MenuWallets.tsx
+++ b/packages/icons/menus/MenuWallets.tsx
@@ -5,10 +5,10 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
     'MenuWalletsIcon',
     <g>
         <path opacity=".8" d="M19 13.504v-.184h.408a.092.092 0 110 .184H19z" fill="#1C68F3" />
-        <g filter="url(#filter0_b)">
+        <g filter="url(#wallet_0)">
             <path
                 d="M6 9.905C6 8.853 6.803 8 7.793 8h9.414C18.197 8 19 8.853 19 9.905v6.19C19 17.147 18.197 18 17.207 18H7.793C6.803 18 6 17.147 6 16.095v-6.19z"
-                fill="url(#paint0_linear)"
+                fill="url(#wallet_linear)"
                 fillOpacity=".3"
             />
         </g>
@@ -19,7 +19,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
             d="M9.938 9.491l.654 1.132 3.396-1.96.146-.085a1.778 1.778 0 01-2.688 2.005l-.658.38.55.95a.47.47 0 00.642.173l3.26-1.883a.47.47 0 00.173-.642l-1.4-2.423-4.075 2.353zm1.9.866a1.384 1.384 0 001.982-1.144l-1.983 1.144zm1.167-2.274c.32-.184.72-.1.941.181l-.347.2a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM11.26 9.09c.32-.185.72-.101.942.18l-.348.201a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM9.627 8.01a.47.47 0 00-.172.643l.287.498 4.076-2.353-.288-.498a.47.47 0 00-.643-.172L9.627 8.01z"
             fill="#fff"
         />
-        <g filter="url(#filter1_b)">
+        <g filter="url(#wallet_1)">
             <path
                 d="M6 11.895C6 10.848 6.803 10 7.793 10h9.414c.99 0 1.793.848 1.793 1.895v5.21C19 18.152 18.197 19 17.207 19H7.793C6.803 19 6 18.152 6 17.105v-5.21z"
                 fill="url(#paint2_linear)"
@@ -33,7 +33,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
         />
         <circle cx="17.5" cy="14.5" r=".5" fill="#fff" />
         <defs>
-            <linearGradient id="paint0_linear" x1="6" y1="18" x2="19" y2="18" gradientUnits="userSpaceOnUse">
+            <linearGradient id="wallet_linear" x1="6" y1="18" x2="19" y2="18" gradientUnits="userSpaceOnUse">
                 <stop stopColor="#B0CFEB" />
                 <stop offset="1" stopColor="#C4E1FB" />
             </linearGradient>
@@ -52,7 +52,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
                 <stop offset="1" stopColor="#C4E1FB" />
             </linearGradient>
             <filter
-                id="filter0_b"
+                id="wallet_0"
                 x="2"
                 y="4"
                 width="21"
@@ -65,7 +65,7 @@ export const MenuWalletsIcon: typeof SvgIcon = createIcon(
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
             <filter
-                id="filter1_b"
+                id="wallet_1"
                 x="2"
                 y="6"
                 width="21"
diff --git a/packages/icons/menus/MenuWalletsActive.tsx b/packages/icons/menus/MenuWalletsActive.tsx
index f9ec1ee92aea..640bd97f849c 100644
--- a/packages/icons/menus/MenuWalletsActive.tsx
+++ b/packages/icons/menus/MenuWalletsActive.tsx
@@ -5,21 +5,21 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
     'MenuWalletsActiveIcon',
     <g>
         <path d="M19 13.503v-.182h.41a.09.09 0 110 .182H19z" fill="#1C68F3" />
-        <g filter="url(#filter0_b)">
+        <g filter="url(#wallet_active_0)">
             <path
                 d="M6 9.905C6 8.853 6.803 8 7.793 8h9.414C18.197 8 19 8.853 19 9.905v6.19C19 17.147 18.197 18 17.207 18H7.793C6.803 18 6 17.147 6 16.095v-6.19z"
                 fill="#1C68F3"
                 fillOpacity=".4"
             />
         </g>
-        <path d="M14.434 12.571a4 4 0 11-4-6.928 4 4 0 014 6.928z" fill="url(#paint0_linear)" />
+        <path d="M14.434 12.571a4 4 0 11-4-6.928 4 4 0 014 6.928z" fill="url(#wallet_active_linear)" />
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M9.938 9.491l.654 1.132 3.396-1.96.146-.085a1.778 1.778 0 01-2.688 2.005l-.658.38.55.95a.47.47 0 00.642.173l3.26-1.883a.47.47 0 00.173-.642l-1.4-2.423-4.075 2.353zm1.9.866a1.384 1.384 0 001.982-1.144l-1.983 1.144zm1.167-2.274c.32-.184.72-.1.941.181l-.347.2a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM11.26 9.09c.32-.185.72-.101.942.18l-.348.201a.34.34 0 00-.56.324l-.348.2a.732.732 0 01.314-.905zM9.627 8.01a.47.47 0 00-.172.643l.287.498 4.076-2.353-.288-.498a.47.47 0 00-.643-.172L9.627 8.01z"
             fill="#fff"
         />
-        <g filter="url(#filter1_b)">
+        <g filter="url(#wallet_active_1)">
             <path
                 d="M6 11.895C6 10.848 6.803 10 7.793 10h9.414c.99 0 1.793.848 1.793 1.895v5.21C19 18.152 18.197 19 17.207 19H7.793C6.803 19 6 18.152 6 17.105v-5.21z"
                 fill="#1C68F3"
@@ -34,7 +34,7 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
         <circle cx="17.5" cy="14.5" r=".5" fill="#fff" />
         <defs>
             <filter
-                id="filter0_b"
+                id="wallet_active_0"
                 x="2"
                 y="4"
                 width="21"
@@ -47,7 +47,7 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
             <filter
-                id="filter1_b"
+                id="wallet_active_1"
                 x="2"
                 y="6"
                 width="21"
@@ -60,7 +60,7 @@ export const MenuWalletsActiveIcon: typeof SvgIcon = createIcon(
                 <feBlend in="SourceGraphic" in2="effect1_backgroundBlur" result="shape" />
             </filter>
             <linearGradient
-                id="paint0_linear"
+                id="wallet_active_linear"
                 x1="15.716"
                 y1="6.889"
                 x2="8.144"