@westpac/ui 1.0.0-canary.9 → 1.1.0

package/src/components/symbol/components/symbols/eftpos-vertical-symbol.tsx

@@ -0,0 +1,74 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const EftposVerticalSymbol = ({
+  'aria-label': ariaLabel = 'Eftpos',
+  copyrightYear = '',
+  viewBoxWidth = 59,
+  viewBoxHeight = 60,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[60px] w-[59px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g clipPath="url(#clip0_94_2190)">
+      <path
+        d="M32.1149 6.85122C26.2888 9.51196 22.3495 14.6062 22.3495 20.4554C22.3495 27.8366 29.1484 33.8209 37.5348 33.8209C41.384 33.8209 44.0908 32.9319 47.2552 31.0282C47.5914 30.8271 47.9704 30.6753 48.2186 30.9905C48.361 31.1706 48.3013 31.3894 48.1924 31.5894C44.7359 37.9308 37.7024 42.3402 29.8092 42.3402C18.1463 42.3402 8.69189 32.8858 8.69189 21.2229C8.69189 14.5633 11.7746 8.624 16.5914 4.75279C20.2102 1.84494 29.2793 1.44389 32.1149 6.85122Z"
+        fill="url(#paint0_linear_94_2190)"
+      />
+      <path
+        d="M47.9484 15.0282C47.9484 22.0429 41.2489 27.7288 32.985 27.7288C31.7829 27.7288 28.5264 27.5633 26.1965 26.4785C25.5337 26.1696 25.6018 25.7822 26.0573 25.5937C27.1159 25.157 35.4206 23.5633 35.4206 15.0272C35.4206 6.49107 26.607 0.250235 16.5913 4.75076C20.2091 1.84291 24.806 0.103638 29.8091 0.103638C39.6164 0.105732 47.9484 6.78636 47.9484 15.0282Z"
+        fill="#E50056"
+      />
+      <path
+        d="M5.27427 47.824C1.83972 47.824 0.000976562 49.891 0.000976562 52.5653V52.6418C0.000976562 55.3318 1.45961 57.0952 5.12244 57.0952C7.76642 57.0952 9.54548 56.2439 10.3046 54.2376H7.75176C7.37166 54.891 6.65752 55.2564 5.28998 55.2564C3.42087 55.2564 2.49312 54.5727 2.25019 53.3266H10.4272V52.3999C10.4272 49.7538 8.6481 47.824 5.27427 47.824ZM2.28056 51.5936C2.58422 50.3622 3.58736 49.6481 5.32035 49.6481C7.00726 49.6481 7.87323 50.2711 8.1015 51.5936H2.28056Z"
+        className="fill-[#1F0038]"
+      />
+      <path
+        d="M20.7467 45.7266H18.7707C18.7707 46.1214 18.7561 46.7601 18.6796 47.1706C18.5425 47.9005 18.3603 48.0544 17.7069 48.1151C17.2964 48.1455 16.8409 48.1455 16.4001 48.1455H14.8503V47.779C14.8503 46.4565 15.109 46.2136 16.2639 46.2136H17.0294V44.3287H16.0053C13.4828 44.3287 12.6158 45.18 12.6158 47.6879V48.1455H10.5645V50.1193H12.6158V56.8366H14.8346L14.8493 50.1193H18.5268V52.8554C18.5268 55.8188 19.3173 56.8376 22.22 56.8376H23.8765V54.756H22.8273C21.0336 54.756 20.7456 54.4973 20.7456 52.4764V50.1204H23.8765V48.1465H20.7456V45.7266H20.7467Z"
+        className="fill-[#1F0038]"
+      />
+      <path
+        d="M30.8231 47.8544C29.1205 47.8544 27.8136 48.5538 27.1445 49.7538L26.9508 48.1444H24.9561V59.9214H27.2513V55.4533C27.8744 56.4868 29.0147 57.0638 30.7623 57.0638C33.2241 57.0638 35.2608 55.5748 35.2608 52.58V52.5036C35.2608 49.4805 33.5592 47.8544 30.8231 47.8544ZM32.8744 52.5664C32.8744 54.223 32.0084 55.135 30.0325 55.135C28.1634 55.135 27.2053 54.2083 27.2053 52.5518V52.491C27.2053 50.7737 28.2849 49.7549 30.0629 49.7549C31.932 49.7549 32.8744 50.6973 32.8744 52.5057V52.5664Z"
+        className="fill-[#1F0038]"
+      />
+      <path
+        d="M41.3865 47.824C38.2713 47.824 36.1582 49.5716 36.1582 52.4899V52.581C36.1582 55.4229 37.7236 57.0952 41.3404 57.0952C44.8514 57.0952 46.6294 55.3475 46.6294 52.581V52.4899C46.6294 49.5413 44.5624 47.824 41.3865 47.824ZM44.243 52.5664C44.243 54.2229 43.3771 55.135 41.3854 55.135C39.4702 55.135 38.5435 54.2386 38.5435 52.5664V52.4899C38.5435 50.6962 39.5771 49.7538 41.4158 49.7538C43.3006 49.7538 44.243 50.7266 44.243 52.4899V52.5664Z"
+        className="fill-[#1F0038]"
+      />
+      <path
+        d="M52.6784 51.5172C50.4135 51.3654 49.7905 51.2136 49.7905 50.5748C49.7905 50.0429 50.2313 49.5874 51.8575 49.5874C53.2857 49.5874 54.1674 49.9214 54.3653 50.7884H56.8575C56.3863 48.8282 54.8365 47.8251 51.8878 47.8251C48.9391 47.8251 47.5109 49.0711 47.5109 50.7581C47.5109 52.5664 49.0302 53.1444 51.736 53.2963C53.9852 53.4177 54.6847 53.5549 54.6847 54.2083C54.6847 54.8471 54.1381 55.2418 52.4962 55.2418C50.8093 55.2418 50.0491 54.8774 49.8062 53.9497H47.1611C47.5412 56.0471 49.1821 57.0952 52.4041 57.0952C55.4585 57.0952 56.9936 55.8492 56.9936 54.1162C56.9946 52.2471 55.6878 51.6994 52.6784 51.5172Z"
+        className="fill-[#1F0038]"
+      />
+      <path
+        d="M57.9548 49.7539C57.6784 49.7539 57.4491 49.6744 57.2669 49.5162C57.0847 49.3581 56.9946 49.1267 56.9946 48.8241V48.7791C56.9946 48.6827 57.0051 48.5916 57.0271 48.5068C57.0491 48.422 57.0794 48.3445 57.1192 48.2744C57.203 48.1309 57.3161 48.0199 57.4596 47.9414C57.603 47.8628 57.7643 47.8241 57.9444 47.8241C58.0344 47.8241 58.1192 47.8335 58.1999 47.8513C58.2794 47.8691 58.3569 47.8974 58.4302 47.934C58.5737 48.0105 58.6889 48.1194 58.7747 48.2618C58.8616 48.4032 58.9046 48.5738 58.9046 48.7738V48.8241C58.9046 48.9236 58.8941 49.0168 58.8721 49.1016C58.8501 49.1864 58.8177 49.2628 58.7747 49.3288C58.691 49.4691 58.5779 49.5749 58.4344 49.6461C58.291 49.7183 58.1318 49.7539 57.9548 49.7539ZM57.9548 49.5948C58.181 49.5948 58.3674 49.5278 58.5119 49.3948C58.6564 49.2618 58.7297 49.0681 58.7297 48.8147V48.7843C58.7297 48.5309 58.6554 48.3351 58.5077 48.1969C58.359 48.0587 58.1716 47.9895 57.9454 47.9895C57.7224 47.9895 57.537 48.0607 57.3904 48.2042C57.2438 48.3477 57.1705 48.5424 57.1705 48.7895V48.8147C57.1705 49.0649 57.2438 49.2576 57.3904 49.3927C57.536 49.5267 57.7245 49.5948 57.9548 49.5948ZM57.9643 48.9047H57.759V49.2702H57.5894V48.2848H57.9842C58.1213 48.2848 58.2187 48.311 58.2763 48.3644C58.3349 48.4178 58.3643 48.488 58.3643 48.5749C58.3643 48.645 58.3475 48.7005 58.314 48.7424C58.2805 48.7843 58.2302 48.8136 58.1643 48.8304C58.2271 48.844 58.2721 48.8691 58.2993 48.9058C58.3266 48.9424 58.3391 48.999 58.3391 49.0754V49.2199C58.3391 49.2304 58.3412 49.2388 58.3444 49.2471C58.3475 49.2555 58.3506 49.2628 58.3548 49.2691H58.18C58.1768 49.266 58.1737 49.2597 58.1726 49.2513C58.1705 49.2429 58.1705 49.2325 58.1705 49.2189V49.0744C58.1705 49.0105 58.159 48.9665 58.136 48.9414C58.1109 48.9162 58.0543 48.9047 57.9643 48.9047ZM57.9643 48.7592C58.0512 48.7623 58.1119 48.7487 58.1465 48.7162C58.181 48.6848 58.1988 48.6388 58.1988 48.5791C58.1988 48.5288 58.18 48.4911 58.1433 48.467C58.1067 48.4419 58.0501 48.4293 57.9737 48.4293H57.759V48.7592H57.9643Z"
+        className="fill-[#1F0038]"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="paint0_linear_94_2190"
+        x1="28.6819"
+        y1="28.1823"
+        x2="20.6009"
+        y2="-13.3906"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset="0.1411" stop-color="#E50056" />
+        <stop offset="0.75" stop-color="#1F0038" />
+      </linearGradient>
+      <clipPath id="clip0_94_2190">
+        <rect width="58.9529" height="60" fill="white" />
+      </clipPath>
+    </defs>
+  </Symbol>
+);

package/src/components/symbol/components/symbols/facebook-circular-symbol.tsx

@@ -0,0 +1,32 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const FacebookCircularSymbol = ({
+  'aria-label': ariaLabel = 'Facebook',
+  copyrightYear = '',
+  viewBoxWidth = 32,
+  viewBoxHeight = 32,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('size-[32px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M31.9994 15.9997C31.9994 7.16338 24.836 0 15.9997 0C7.16338 0 0 7.16338 0 15.9997C0 23.5029 5.16598 29.7991 12.1348 31.5283V20.8892H8.83566V15.9997H12.1348V13.8928C12.1348 8.44719 14.5994 5.92308 19.9458 5.92308C20.9596 5.92308 22.7087 6.12212 23.4242 6.32051V10.7524C23.0466 10.7127 22.3906 10.6929 21.5759 10.6929C18.9526 10.6929 17.9388 11.6868 17.9388 14.2704V15.9997H23.165L22.2671 20.8892H17.9388V31.8822C25.8612 30.9255 32 24.18 32 15.9997H31.9994Z"
+      fill="#0866FF"
+    />
+    <path
+      d="M22.2664 20.8892L23.1643 15.9997H17.9381V14.2704C17.9381 11.6868 18.9519 10.6929 21.5752 10.6929C22.3899 10.6929 23.0459 10.7128 23.4235 10.7524V6.32053C22.708 6.12149 20.9589 5.9231 19.9451 5.9231C14.5987 5.9231 12.1341 8.4472 12.1341 13.8929V15.9997H8.83496V20.8892H12.1341V31.5283C13.3718 31.8355 14.6665 31.9994 15.999 31.9994C16.655 31.9994 17.302 31.9591 17.9375 31.8823V20.8892H22.2657H22.2664Z"
+      fill="white"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/symbols/facebook-symbol.tsx

@@ -20,12 +20,17 @@ export const FacebookSymbol = ({
     viewBoxHeight={viewBoxHeight}
     {...props}
   >
-    <g fillRule="nonzero" fill="none">
-      <rect fill="#3C619D" width="32" height="32" rx="2" />
-      <path
-        d="M22.1 32V19.6h4.2l.6-4.8h-4.8v-3.1c0-1.4.4-2.4 2.4-2.4H27V5c-1.227-.158-2.463-.225-3.7-.2-3.7 0-6.2 2.3-6.2 6.4v3.6h-4.2v4.8h4.2V32h5z"
-        fill="#FFF"
-      />
-    </g>
+    <path
+      d="M30 0H2C0.89543 0 0 0.89543 0 2V30C0 31.1046 0.89543 32 2 32H30C31.1046 32 32 31.1046 32 30V2C32 0.89543 31.1046 0 30 0Z"
+      className="fill-[#0866FF]"
+    />
+    <path
+      d="M27.9995 15.9998C27.9995 9.37253 22.627 4 15.9998 4C9.37253 4 4 9.37253 4 15.9998C4 21.6272 7.87448 26.3493 13.1011 27.6462V19.6669H10.6267V15.9998H13.1011V14.4196C13.1011 10.3354 14.9495 8.44231 18.9594 8.44231C19.7197 8.44231 21.0315 8.59159 21.5681 8.74039V12.0643C21.2849 12.0346 20.7929 12.0197 20.1819 12.0197C18.2144 12.0197 17.4541 12.7651 17.4541 14.7028V15.9998H21.3737L20.7003 19.6669H17.4541V27.9117C23.3959 27.1941 28 22.135 28 15.9998H27.9995Z"
+      className="fill-white"
+    />
+    <path
+      d="M20.7 19.667L21.3735 15.9998H17.4538V14.7029C17.4538 12.7652 18.2142 12.0198 20.1816 12.0198C20.7927 12.0198 21.2847 12.0346 21.5678 12.0644V8.74046C21.0312 8.59118 19.7194 8.44238 18.9591 8.44238C14.9493 8.44238 13.1008 10.3355 13.1008 14.4197V15.9998H10.6265V19.667H13.1008V27.6463C14.0291 27.8767 15.0001 27.9996 15.9995 27.9996C16.4915 27.9996 16.9767 27.9694 17.4534 27.9118V19.667H20.6995H20.7Z"
+      className="fill-[#0866FF]"
+    />
   </Symbol>
 );

package/src/components/symbol/components/symbols/google-pay-inverse-symbol.tsx

@@ -0,0 +1,60 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const GooglePayInverseSymbol = ({
+  'aria-label': ariaLabel = 'Google Pay',
+  copyrightYear = '',
+  viewBoxWidth = 113,
+  viewBoxHeight = 60,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[60px] w-[113px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z"
+      fill="#1F1F1F"
+    />
+    <path
+      d="M82.8 2.43C86.505 2.43 90.105 3.165 93.495 4.605C96.78 6 99.72 7.995 102.27 10.53C104.805 13.065 106.8 16.02 108.195 19.305C109.635 22.695 110.37 26.295 110.37 30C110.37 33.705 109.635 37.305 108.195 40.695C106.8 43.98 104.805 46.92 102.27 49.47C99.735 52.005 96.78 54 93.495 55.395C90.105 56.835 86.505 57.57 82.8 57.57H30C26.295 57.57 22.695 56.835 19.305 55.395C16.02 54 13.08 52.005 10.53 49.47C7.995 46.935 6 43.98 4.605 40.695C3.165 37.305 2.43 33.705 2.43 30C2.43 26.295 3.165 22.695 4.605 19.305C6 16.02 7.995 13.08 10.53 10.53C13.065 7.995 16.02 6 19.305 4.605C22.695 3.165 26.295 2.43 30 2.43H82.8ZM82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z"
+      fill="#757575"
+    />
+    <path
+      d="M53.7897 32.1299V41.2049H50.9097V18.7949H58.5447C60.4797 18.7949 62.1297 19.4399 63.4797 20.7299C64.8597 22.0199 65.5497 23.5949 65.5497 25.4549C65.5497 27.3599 64.8597 28.9349 63.4797 30.2099C62.1447 31.4849 60.4947 32.1149 58.5447 32.1149H53.7897V32.1299ZM53.7897 21.5549V29.3699H58.6047C59.7447 29.3699 60.7047 28.9799 61.4547 28.2149C62.2197 27.4499 62.6097 26.5199 62.6097 25.4699C62.6097 24.4349 62.2197 23.5199 61.4547 22.7549C60.7047 21.9599 59.7597 21.5699 58.6047 21.5699H53.7897V21.5549Z"
+      fill="white"
+    />
+    <path
+      d="M73.0797 25.365C75.2097 25.365 76.8896 25.935 78.1196 27.075C79.3496 28.215 79.9646 29.775 79.9646 31.755V41.205H77.2196V39.075H77.0997C75.9147 40.83 74.3246 41.7 72.3446 41.7C70.6497 41.7 69.2397 41.205 68.0997 40.2C66.9597 39.195 66.3896 37.95 66.3896 36.45C66.3896 34.86 66.9896 33.6 68.1896 32.67C69.3896 31.725 70.9946 31.26 72.9896 31.26C74.6996 31.26 76.1097 31.575 77.2047 32.205V31.545C77.2047 30.54 76.8146 29.7 76.0196 28.995C75.2246 28.29 74.2947 27.945 73.2297 27.945C71.6247 27.945 70.3496 28.62 69.4197 29.985L66.8846 28.395C68.2796 26.37 70.3497 25.365 73.0797 25.365ZM69.3596 36.495C69.3596 37.245 69.6746 37.875 70.3196 38.37C70.9496 38.865 71.6997 39.12 72.5547 39.12C73.7697 39.12 74.8496 38.67 75.7947 37.77C76.7396 36.87 77.2196 35.82 77.2196 34.605C76.3196 33.9 75.0746 33.54 73.4696 33.54C72.2996 33.54 71.3246 33.825 70.5447 34.38C69.7497 34.965 69.3596 35.67 69.3596 36.495Z"
+      fill="white"
+    />
+    <path
+      d="M95.6249 25.8601L86.0249 47.9401H83.0549L86.6249 40.2151L80.2949 25.8601H83.4299L87.9899 36.8701H88.0499L92.4899 25.8601H95.6249Z"
+      fill="white"
+    />
+    <path
+      d="M42.3345 30.2999C42.3345 29.3609 42.2505 28.4624 42.0945 27.5984H30.0225V32.5484L36.975 32.5499C36.693 34.1969 35.7855 35.6009 34.395 36.5369V39.7484H38.5335C40.95 37.5119 42.3345 34.2059 42.3345 30.2999Z"
+      fill="#4285F4"
+    />
+    <path
+      d="M34.3965 36.5369C33.2445 37.3139 31.761 37.7684 30.0255 37.7684C26.673 37.7684 23.829 35.5094 22.8105 32.4644H18.5415V35.7764C20.6565 39.9734 25.0035 42.8534 30.0255 42.8534C33.4965 42.8534 36.4125 41.7119 38.535 39.7469L34.3965 36.5369Z"
+      fill="#34A853"
+    />
+    <path
+      d="M22.4083 30.0076C22.4083 29.1526 22.5508 28.3261 22.8103 27.5491V24.2371H18.5413C17.6668 25.9726 17.1748 27.9316 17.1748 30.0076C17.1748 32.0836 17.6683 34.0426 18.5413 35.7781L22.8103 32.4661C22.5508 31.6891 22.4083 30.8626 22.4083 30.0076Z"
+      fill="#FABB05"
+    />
+    <path
+      d="M30.0255 22.2452C31.92 22.2452 33.6165 22.8977 34.956 24.1727L38.6235 20.5082C36.396 18.4337 33.492 17.1602 30.0255 17.1602C25.005 17.1602 20.6565 20.0402 18.5415 24.2372L22.8105 27.5492C23.829 24.5042 26.673 22.2452 30.0255 22.2452Z"
+      fill="#E94235"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/symbols/google-pay-symbol.tsx

@@ -0,0 +1,60 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const GooglePaySymbol = ({
+  'aria-label': ariaLabel = 'Google Pay',
+  copyrightYear = '',
+  viewBoxWidth = 113,
+  viewBoxHeight = 60,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[60px] w-[113px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z"
+      className="fill-white"
+    />
+    <path
+      d="M82.8 2.43C86.505 2.43 90.105 3.165 93.495 4.605C96.78 6 99.72 7.995 102.27 10.53C104.805 13.065 106.8 16.02 108.195 19.305C109.635 22.695 110.37 26.295 110.37 30C110.37 33.705 109.635 37.305 108.195 40.695C106.8 43.98 104.805 46.92 102.27 49.47C99.735 52.005 96.78 54 93.495 55.395C90.105 56.835 86.505 57.57 82.8 57.57H30C26.295 57.57 22.695 56.835 19.305 55.395C16.02 54 13.08 52.005 10.53 49.47C7.995 46.935 6 43.98 4.605 40.695C3.165 37.305 2.43 33.705 2.43 30C2.43 26.295 3.165 22.695 4.605 19.305C6 16.02 7.995 13.08 10.53 10.53C13.065 7.995 16.02 6 19.305 4.605C22.695 3.165 26.295 2.43 30 2.43H82.8ZM82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z"
+      className="fill-[#3C4043]"
+    />
+    <path
+      d="M53.7897 32.1299V41.2049H50.9097V18.7949H58.5447C60.4797 18.7949 62.1297 19.4399 63.4797 20.7299C64.8597 22.0199 65.5497 23.5949 65.5497 25.4549C65.5497 27.3599 64.8597 28.9349 63.4797 30.2099C62.1447 31.4849 60.4947 32.1149 58.5447 32.1149H53.7897V32.1299ZM53.7897 21.5549V29.3699H58.6047C59.7447 29.3699 60.7047 28.9799 61.4547 28.2149C62.2197 27.4499 62.6097 26.5199 62.6097 25.4699C62.6097 24.4349 62.2197 23.5199 61.4547 22.7549C60.7047 21.9599 59.7597 21.5699 58.6047 21.5699H53.7897V21.5549Z"
+      className="fill-[#3C4043]"
+    />
+    <path
+      d="M73.0797 25.365C75.2097 25.365 76.8896 25.935 78.1196 27.075C79.3496 28.215 79.9646 29.775 79.9646 31.755V41.205H77.2196V39.075H77.0997C75.9147 40.83 74.3246 41.7 72.3446 41.7C70.6497 41.7 69.2397 41.205 68.0997 40.2C66.9597 39.195 66.3896 37.95 66.3896 36.45C66.3896 34.86 66.9896 33.6 68.1896 32.67C69.3896 31.725 70.9946 31.26 72.9896 31.26C74.6996 31.26 76.1097 31.575 77.2047 32.205V31.545C77.2047 30.54 76.8146 29.7 76.0196 28.995C75.2246 28.29 74.2947 27.945 73.2297 27.945C71.6247 27.945 70.3496 28.62 69.4197 29.985L66.8846 28.395C68.2796 26.37 70.3497 25.365 73.0797 25.365ZM69.3596 36.495C69.3596 37.245 69.6746 37.875 70.3196 38.37C70.9496 38.865 71.6997 39.12 72.5547 39.12C73.7697 39.12 74.8496 38.67 75.7947 37.77C76.7396 36.87 77.2196 35.82 77.2196 34.605C76.3196 33.9 75.0746 33.54 73.4696 33.54C72.2996 33.54 71.3246 33.825 70.5447 34.38C69.7497 34.965 69.3596 35.67 69.3596 36.495Z"
+      className="fill-[#3C4043]"
+    />
+    <path
+      d="M95.6249 25.8601L86.0249 47.9401H83.0549L86.6249 40.2151L80.2949 25.8601H83.4299L87.9899 36.8701H88.0499L92.4899 25.8601H95.6249Z"
+      className="fill-[#3C4043]"
+    />
+    <path
+      d="M42.3345 30.2999C42.3345 29.3609 42.2505 28.4624 42.0945 27.5984H30.0225V32.5484L36.975 32.5499C36.693 34.1969 35.7855 35.6009 34.395 36.5369V39.7484H38.5335C40.95 37.5119 42.3345 34.2059 42.3345 30.2999Z"
+      fill="#4285F4"
+    />
+    <path
+      d="M34.3965 36.5369C33.2445 37.3139 31.761 37.7684 30.0255 37.7684C26.673 37.7684 23.829 35.5094 22.8105 32.4644H18.5415V35.7764C20.6565 39.9734 25.0035 42.8534 30.0255 42.8534C33.4965 42.8534 36.4125 41.7119 38.535 39.7469L34.3965 36.5369Z"
+      fill="#34A853"
+    />
+    <path
+      d="M22.4083 30.0076C22.4083 29.1526 22.5508 28.3261 22.8103 27.5491V24.2371H18.5413C17.6668 25.9726 17.1748 27.9316 17.1748 30.0076C17.1748 32.0836 17.6683 34.0426 18.5413 35.7781L22.8103 32.4661C22.5508 31.6891 22.4083 30.8626 22.4083 30.0076Z"
+      fill="#FABB05"
+    />
+    <path
+      d="M30.0255 22.2452C31.92 22.2452 33.6165 22.8977 34.956 24.1727L38.6235 20.5082C36.396 18.4337 33.492 17.1602 30.0255 17.1602C25.005 17.1602 20.6565 20.0402 18.5415 24.2372L22.8105 27.5492C23.829 24.5042 26.673 22.2452 30.0255 22.2452Z"
+      fill="#E94235"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/symbols/google-store-symbol.tsx

@@ -7,116 +7,96 @@ import { type SymbolProps } from '../../symbol.types.js';
 export const GoogleStoreSymbol = ({
   'aria-label': ariaLabel = 'Google Store',
   copyrightYear = '',
-  viewBoxWidth = 170,
-  viewBoxHeight = 50,
+  viewBoxWidth = 135,
+  viewBoxHeight = 40,
   className,
   ...props
 }: SymbolProps) => (
   <Symbol
-    className={clsx('h-[50px] w-[170px]', className)}
+    className={clsx('h-[40px] w-[135px]', className)}
     aria-label={ariaLabel}
     copyrightYear={copyrightYear}
     viewBoxWidth={viewBoxWidth}
     viewBoxHeight={viewBoxHeight}
     {...props}
   >
+    <g clip-path="url(#clip0_203_1544)">
+      <path
+        d="M130 0H5C2.23858 0 0 2.23858 0 5V35C0 37.7614 2.23858 40 5 40H130C132.761 40 135 37.7614 135 35V5C135 2.23858 132.761 0 130 0Z"
+        fill="black"
+      />
+      <path
+        d="M130 0.8C132.316 0.8 134.2 2.684 134.2 5V35C134.2 37.316 132.316 39.2 130 39.2H5C2.684 39.2 0.8 37.316 0.8 35V5C0.8 2.684 2.684 0.8 5 0.8H130ZM130 0H5C2.25 0 0 2.25 0 5V35C0 37.75 2.25 40 5 40H130C132.75 40 135 37.75 135 35V5C135 2.25 132.75 0 130 0Z"
+        fill="#A6A6A6"
+      />
+      <path
+        d="M47.418 10.243C47.418 11.081 47.1701 11.748 46.673 12.246C46.109 12.838 45.3731 13.134 44.4691 13.134C43.6031 13.134 42.8671 12.834 42.2611 12.234C41.6551 11.633 41.3521 10.889 41.3521 10.001C41.3521 9.113 41.6551 8.368 42.2611 7.768C42.8661 7.167 43.6031 6.867 44.4691 6.867C44.8991 6.867 45.31 6.951 45.701 7.118C46.092 7.286 46.405 7.509 46.639 7.788L46.112 8.316C45.715 7.841 45.1681 7.604 44.4691 7.604C43.8371 7.604 43.2911 7.826 42.8301 8.27C42.3691 8.714 42.139 9.291 42.139 10C42.139 10.709 42.3691 11.286 42.8301 11.73C43.2911 12.174 43.8371 12.396 44.4691 12.396C45.1391 12.396 45.6981 12.173 46.1451 11.726C46.4351 11.435 46.603 11.03 46.648 10.511H44.4691V9.79H47.376C47.404 9.947 47.418 10.097 47.418 10.243Z"
+        fill="white"
+        stroke="white"
+        stroke-width="0.2"
+        stroke-miterlimit="10"
+      />
+      <path
+        d="M52.0279 7.73696H49.2959V9.63896H51.7599V10.36H49.2959V12.262H52.0279V12.999H48.5249V6.99896H52.0279V7.73696Z"
+        fill="white"
+        stroke="white"
+        stroke-width="0.2"
+        stroke-miterlimit="10"
+      />
+      <path
+        d="M55.279 13H54.508V7.737H52.832V7H56.955V7.737H55.279V13Z"
+        fill="white"
+        stroke="white"
+        stroke-width="0.2"
+        stroke-miterlimit="10"
+      />
+      <path d="M59.938 13V7H60.708V13H59.938Z" fill="white" stroke="white" stroke-width="0.2" stroke-miterlimit="10" />
+      <path
+        d="M64.1282 13H63.3572V7.737H61.6812V7H65.8042V7.737H64.1282V13Z"
+        fill="white"
+        stroke="white"
+        stroke-width="0.2"
+        stroke-miterlimit="10"
+      />
+      <path
+        d="M73.6092 12.225C73.0192 12.832 72.2862 13.134 71.4092 13.134C70.5322 13.134 69.7992 12.831 69.2102 12.225C68.6202 11.619 68.3262 10.877 68.3262 9.99999C68.3262 9.12299 68.6202 8.38099 69.2102 7.77499C69.7992 7.16799 70.5322 6.86499 71.4092 6.86499C72.2812 6.86499 73.0122 7.16999 73.6052 7.77899C74.1972 8.38799 74.4932 9.12799 74.4932 9.99999C74.4932 10.877 74.1982 11.619 73.6092 12.225ZM69.7792 11.722C70.2232 12.172 70.7662 12.396 71.4092 12.396C72.0522 12.396 72.5952 12.171 73.0392 11.722C73.4832 11.272 73.7062 10.698 73.7062 9.99999C73.7062 9.30199 73.4832 8.72699 73.0392 8.27799C72.5962 7.82799 72.0522 7.60399 71.4092 7.60399C70.7662 7.60399 70.2232 7.82899 69.7792 8.27799C69.3362 8.72799 69.1132 9.30199 69.1132 9.99999C69.1132 10.698 69.3362 11.273 69.7792 11.722Z"
+        fill="white"
+        stroke="white"
+        stroke-width="0.2"
+        stroke-miterlimit="10"
+      />
+      <path
+        d="M75.5752 13V7H76.5142L79.4302 11.667H79.4632L79.4302 10.511V7H80.2012V13H79.3962L76.3452 8.106H76.3122L76.3452 9.262V12.999H75.5742L75.5752 13Z"
+        fill="white"
+        stroke="white"
+        stroke-width="0.2"
+        stroke-miterlimit="10"
+      />
+      <path
+        d="M68.136 21.7521C65.784 21.7521 63.867 23.5401 63.867 26.0051C63.867 28.4541 65.784 30.2581 68.136 30.2581C70.488 30.2581 72.405 28.4541 72.405 26.0051C72.405 23.5401 70.488 21.7521 68.136 21.7521ZM68.136 28.5821C66.847 28.5821 65.736 27.5191 65.736 26.0041C65.736 24.4731 66.848 23.4261 68.136 23.4261C69.424 23.4261 70.536 24.4731 70.536 26.0041C70.536 27.5181 69.424 28.5821 68.136 28.5821ZM58.823 21.7521C56.471 21.7521 54.554 23.5401 54.554 26.0051C54.554 28.4541 56.471 30.2581 58.823 30.2581C61.175 30.2581 63.092 28.4541 63.092 26.0051C63.092 23.5401 61.175 21.7521 58.823 21.7521ZM58.823 28.5821C57.534 28.5821 56.422 27.5191 56.422 26.0041C56.422 24.4731 57.534 23.4261 58.823 23.4261C60.112 23.4261 61.223 24.4731 61.223 26.0041C61.223 27.5181 60.111 28.5821 58.823 28.5821ZM47.744 23.0571V24.8611H52.062C51.933 25.8761 51.595 26.6171 51.079 27.1331C50.451 27.7611 49.468 28.4541 47.744 28.4541C45.086 28.4541 43.008 26.3111 43.008 23.6531C43.008 20.9951 45.086 18.8521 47.744 18.8521C49.178 18.8521 50.225 19.4161 50.998 20.1411L52.271 18.8681C51.192 17.8371 49.758 17.0481 47.744 17.0481C44.103 17.0481 41.042 20.0121 41.042 23.6531C41.042 27.2941 44.103 30.2581 47.744 30.2581C49.71 30.2581 51.192 29.6141 52.352 28.4051C53.544 27.2131 53.915 25.5371 53.915 24.1841C53.915 23.7651 53.883 23.3791 53.818 23.0561L47.744 23.0571ZM93.052 24.4581C92.698 23.5081 91.618 21.7511 89.411 21.7511C87.22 21.7511 85.4 23.4751 85.4 26.0041C85.4 28.3881 87.204 30.2571 89.621 30.2571C91.57 30.2571 92.698 29.0651 93.165 28.3721L91.715 27.4051C91.232 28.1141 90.571 28.5811 89.621 28.5811C88.671 28.5811 87.994 28.1461 87.559 27.2921L93.246 24.9401L93.053 24.4571L93.052 24.4581ZM87.252 25.8761C87.204 24.2331 88.525 23.3951 89.475 23.3951C90.216 23.3951 90.844 23.7651 91.054 24.2971L87.252 25.8761ZM82.629 30.0001H84.498V17.4981H82.629V30.0001ZM79.567 22.7021H79.503C79.084 22.2031 78.279 21.7511 77.264 21.7511C75.137 21.7511 73.188 23.6201 73.188 26.0201C73.188 28.4041 75.137 30.2571 77.264 30.2571C78.279 30.2571 79.084 29.8061 79.503 29.2901H79.567V29.9021C79.567 31.5291 78.697 32.3991 77.295 32.3991C76.151 32.3991 75.442 31.5771 75.152 30.8851L73.525 31.5621C73.992 32.6901 75.233 34.0751 77.295 34.0751C79.486 34.0751 81.339 32.7861 81.339 29.6451V22.0091H79.567V22.7021ZM77.425 28.5821C76.136 28.5821 75.057 27.5031 75.057 26.0201C75.057 24.5221 76.136 23.4261 77.425 23.4261C78.698 23.4261 79.697 24.5221 79.697 26.0201C79.697 27.5021 78.698 28.5821 77.425 28.5821ZM101.806 17.4991H97.335V30.0001H99.201V25.2641H101.806C103.874 25.2641 105.907 23.7671 105.907 21.3811C105.907 18.9951 103.874 17.4991 101.806 17.4991ZM101.854 23.5241H99.2V19.2391H101.854C103.249 19.2391 104.041 20.3941 104.041 21.3821C104.041 22.3511 103.249 23.5251 101.854 23.5251V23.5241ZM113.386 21.7291C112.035 21.7291 110.636 22.3241 110.057 23.6431L111.714 24.3351C112.068 23.6431 112.727 23.4181 113.419 23.4181C114.384 23.4181 115.365 23.9971 115.381 25.0261V25.1551C115.043 24.9621 114.32 24.6721 113.435 24.6721C111.65 24.6721 109.832 25.6531 109.832 27.4871C109.832 29.1601 111.295 30.2371 112.936 30.2371C114.19 30.2371 114.882 29.6741 115.316 29.0151H115.38V29.9801H117.181V25.1871C117.181 22.9671 115.525 21.7291 113.386 21.7291ZM113.161 28.5801C112.55 28.5801 111.697 28.2751 111.697 27.5191C111.697 26.5541 112.758 26.1841 113.675 26.1841C114.495 26.1841 114.881 26.3611 115.38 26.6021C115.235 27.7601 114.238 28.5801 113.161 28.5801ZM123.743 22.0021L121.604 27.4221H121.54L119.321 22.0021H117.311L120.64 29.5771L118.742 33.7911H120.688L125.819 22.0021H123.744H123.743ZM106.936 30.0001H108.802V17.4991H106.936V30.0001Z"
+        fill="white"
+      />
+      <path
+        d="M20.7173 19.4241L10.0703 30.7241C10.0703 30.7241 10.0713 30.7291 10.0723 30.7311C10.3993 31.9581 11.5193 32.8611 12.8493 32.8611C13.3803 32.8611 13.8803 32.7171 14.3083 32.4651L14.3423 32.4451L26.3263 25.5301L20.7173 19.4241Z"
+        fill="#EA4335"
+      />
+      <path
+        d="M31.4881 17.5001L31.4781 17.4931L26.3041 14.4931L20.4751 19.6801L26.3241 25.5281L31.4701 22.5591C32.3721 22.0721 32.9851 21.1211 32.9851 20.0241C32.9851 18.9341 32.3811 17.9881 31.4871 17.4991L31.4881 17.5001Z"
+        fill="#FBBC04"
+      />
+      <path
+        d="M10.0702 9.2771C10.0062 9.5131 9.97217 9.7611 9.97217 10.0171V29.9851C9.97217 30.2411 10.0052 30.4891 10.0702 30.7241L21.0832 19.7131L10.0702 9.2771Z"
+        fill="#4285F4"
+      />
+      <path
+        d="M20.7963 20.0011L26.3063 14.4921L14.3363 7.55211C13.9013 7.29111 13.3933 7.14111 12.8503 7.14111C11.5203 7.14111 10.3983 8.04611 10.0713 9.27511V9.27811L20.7973 20.0021L20.7963 20.0011Z"
+        fill="#34A853"
+      />
+    </g>
     <defs>
-      <linearGradient
-        id="GoogleStoreSymbol-a"
-        x1="27.46"
-        y1="1106.94"
-        x2="6.32"
-        y2="1128.08"
-        gradientTransform="translate(0 -1096)"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop offset="0" stopColor="#00a0ff" />
-        <stop offset=".01" stopColor="#00a1ff" />
-        <stop offset=".26" stopColor="#00beff" />
-        <stop offset=".51" stopColor="#00d2ff" />
-        <stop offset=".76" stopColor="#00dfff" />
-        <stop offset="1" stopColor="#00e3ff" />
-      </linearGradient>
-      <linearGradient
-        id="GoogleStoreSymbol-b"
-        x1="42.61"
-        y1="1121.1"
-        x2="12.14"
-        y2="1121.1"
-        gradientTransform="translate(0 -1096)"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop offset="0" stopColor="#ffe000" />
-        <stop offset=".41" stopColor="#ffbd00" />
-        <stop offset=".78" stopColor="orange" />
-        <stop offset="1" stopColor="#ff9c00" />
-      </linearGradient>
-      <linearGradient
-        id="GoogleStoreSymbol-c"
-        x1="31.28"
-        y1="1124.07"
-        x2="2.62"
-        y2="1152.73"
-        gradientTransform="translate(0 -1096)"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop offset="0" stopColor="#ff3a44" />
-        <stop offset="1" stopColor="#c31162" />
-      </linearGradient>
-      <linearGradient
-        id="GoogleStoreSymbol-d"
-        x1="9.22"
-        y1="1096.17"
-        x2="22.01"
-        y2="1108.96"
-        gradientTransform="translate(0 -1096)"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop offset="0" stopColor="#32a071" />
-        <stop offset=".07" stopColor="#2da771" />
-        <stop offset=".48" stopColor="#15cf74" />
-        <stop offset=".8" stopColor="#06e775" />
-        <stop offset="1" stopColor="#00f076" />
-      </linearGradient>
+      <clipPath id="clip0_203_1544">
+        <rect width="135" height="40" fill="white" />
+      </clipPath>
     </defs>
-    <path d="M164 0H6a6 6 0 0 0-6 6v38a6 6 0 0 0 6 6h158a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6z" fill="#a6a6a6" />
-    <path d="M164 1a5 5 0 0 1 5 5v38a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V6a5 5 0 0 1 5-5h158" />
-    <path
-      d="M59.7 12.9a3.33 3.33 0 0 1-.9 2.5 3.76 3.76 0 0 1-2.8 1.1 4.11 4.11 0 0 1-2.8-1.1 3.69 3.69 0 0 1-1.1-2.8 3.93 3.93 0 0 1 1.1-2.8A3.78 3.78 0 0 1 56 8.6a4.53 4.53 0 0 1 1.6.3 3.6 3.6 0 0 1 1.2.8l-.7.7a2.58 2.58 0 0 0-2.1-.9 3.23 3.23 0 0 0-2.1.8 2.94 2.94 0 0 0-.9 2.2 2.94 2.94 0 0 0 .9 2.2 2.78 2.78 0 0 0 2.1.8 3.23 3.23 0 0 0 2.1-.8 2 2 0 0 0 .6-1.5H56v-.9h3.7v.6zM65.5 9.7h-3.4v2.4h3.1v.9h-3.1v2.4h3.4v.9h-4.4V8.8h4.4v.9zM69.6 16.3h-1V9.7h-2.1v-.9h5.2v.9h-2.1v6.6zM75.5 16.3V8.8h1v7.6h-1v-.1zM80.8 16.3h-1V9.7h-2.1v-.9h5.2v.9h-2.1v6.6zM92.7 15.4a3.55 3.55 0 0 1-2.8 1.1 4.11 4.11 0 0 1-2.8-1.1 4.11 4.11 0 0 1 0-5.6 3.87 3.87 0 0 1 5.6 0 4.11 4.11 0 0 1 0 5.6zm-4.8-.7a2.65 2.65 0 0 0 2.1.8 3.23 3.23 0 0 0 2.1-.8 2.86 2.86 0 0 0 .8-2.2 3.12 3.12 0 0 0-.9-2.1 2.65 2.65 0 0 0-2.1-.8 3.23 3.23 0 0 0-2.1.8 3.29 3.29 0 0 0-.8 2.2 2.58 2.58 0 0 0 .9 2.1zM95.2 16.3V8.8h1.2l3.7 5.9V8.8h1v7.6h-1l-3.8-6.2v6.2h-1.1v-.1z"
-      fill="#fff"
-      stroke="#fff"
-      strokeMiterlimit="10"
-      strokeWidth=".2"
-    />
-    <path
-      d="M85.8 27.4a5.4 5.4 0 1 0 5.4 5.4 5.26 5.26 0 0 0-5.4-5.4zm0 8.6a3.21 3.21 0 1 1 3-3.2 3.12 3.12 0 0 1-3 3.2zm-11.7-8.6a5.4 5.4 0 1 0 5.4 5.4 5.38 5.38 0 0 0-5.4-5.4zm0 8.6a3.21 3.21 0 1 1 3-3.2 3.12 3.12 0 0 1-3 3.2zm-14-7v2.3h5.4a5.55 5.55 0 0 1-1.2 2.9 5.5 5.5 0 0 1-4.2 1.7 6 6 0 0 1-6-6 6 6 0 0 1 10.1-4.4l1.6-1.6a8.06 8.06 0 0 0-5.7-2.3 8.3 8.3 0 1 0 0 16.6 7.68 7.68 0 0 0 5.8-2.3 7.52 7.52 0 0 0 2-5.3 6.15 6.15 0 0 0-.1-1.4h-7.7V29zm57.1 1.8a4.91 4.91 0 0 0-4.6-3.4 5.13 5.13 0 0 0-5.1 5.4 5.34 5.34 0 0 0 9.8 3l-1.8-1.2a3 3 0 0 1-2.6 1.5 2.72 2.72 0 0 1-2.6-1.6l7.2-3zm-7.3 1.8a2.87 2.87 0 0 1 2.8-3.1 2.27 2.27 0 0 1 2 1.1zm-5.8 5.1h2.4V22h-2.4v15.7zm-3.9-9.1a4.11 4.11 0 0 0-2.9-1.2 5.36 5.36 0 0 0 0 10.7 3.68 3.68 0 0 0 2.8-1.2h.1v.7c0 2-1.1 3.1-2.9 3.1a3 3 0 0 1-2.7-1.9l-2 .9a5.21 5.21 0 0 0 4.7 3.2c2.8 0 5.1-1.6 5.1-5.6v-9.6h-2.2v.9zM97.5 36a3.26 3.26 0 0 1 0-6.5 3.07 3.07 0 0 1 2.9 3.3 3 3 0 0 1-2.9 3.2zm30.7-14h-5.6v15.7h2.3v-6h3.3a5 5 0 0 0 5.2-4.9 5 5 0 0 0-5.2-4.8zm.1 7.6H125v-5.4h3.3a2.77 2.77 0 0 1 2.8 2.7 2.92 2.92 0 0 1-2.8 2.7zm14.5-2.3a4.32 4.32 0 0 0-4.2 2.4l2.1.9a2.17 2.17 0 0 1 2.1-1.2 2.27 2.27 0 0 1 2.5 2v.2a5.6 5.6 0 0 0-2.5-.6c-2.2 0-4.5 1.2-4.5 3.5a3.64 3.64 0 0 0 3.9 3.5 3.28 3.28 0 0 0 3-1.5h.1v1.2h2.3v-6c0-2.8-2.1-4.4-4.8-4.4zm-.3 8.7c-.8 0-1.8-.4-1.8-1.3 0-1.2 1.3-1.7 2.5-1.7a4.06 4.06 0 0 1 2.1.5 2.89 2.89 0 0 1-2.8 2.5zm13.3-8.3l-2.7 6.8h-.1l-2.8-6.8h-2.5l4.2 9.5-2.4 5.3h2.5l6.5-14.8h-2.7zm-21.1 10h2.3V22h-2.3v15.7z"
-      fill="#fff"
-    />
-    <path
-      d="M13.1 9.5a2.44 2.44 0 0 0-.6 1.8v27.8a2.44 2.44 0 0 0 .6 1.8l.1.1 15.6-15.6V25L13.1 9.5z"
-      fill="url(#GoogleStoreSymbol-a)"
-    />
-    <path
-      d="M34 30.5l-5.2-5.2v-.4l5.2-5.2.1.1 6.2 3.5c1.8 1 1.8 2.6 0 3.6l-6.2 3.5z"
-      fill="url(#GoogleStoreSymbol-b)"
-    />
-    <path d="M34.2 30.5l-5.3-5.3-15.8 15.7a2.06 2.06 0 0 0 2.6.1l18.5-10.5" fill="url(#GoogleStoreSymbol-c)" />
-    <path d="M34.2 19.8L15.8 9.4a2.06 2.06 0 0 0-2.6.1l15.7 15.7z" fill="url(#GoogleStoreSymbol-d)" />
-    <path
-      d="M34 30.4L15.8 40.7a2.08 2.08 0 0 1-2.5 0l-.1.1.1.1a2.08 2.08 0 0 0 2.5 0l18.4-10.5H34z"
-      opacity=".2"
-      style={{ isolation: 'isolate' }}
-    />
-    <path
-      d="M13.1 40.7a2.44 2.44 0 0 1-.6-1.8v.2a2.44 2.44 0 0 0 .6 1.8v-.2zM40.3 26.8L34 30.4l.1.1 6.2-3.5a2.19 2.19 0 0 0 1.3-1.8 2.16 2.16 0 0 1-1.3 1.6z"
-      opacity=".12"
-      style={{ isolation: 'isolate' }}
-    />
-    <path
-      d="M15.8 9.6l24.6 14a2.41 2.41 0 0 1 1.3 1.6 2.07 2.07 0 0 0-1.3-1.8l-24.6-14c-1.8-1-3.2-.2-3.2 1.8v.2c0-2 1.4-2.8 3.2-1.8z"
-      fill="#fff"
-      opacity=".25"
-      style={{ isolation: 'isolate' }}
-    />
   </Symbol>
 );

package/src/components/symbol/components/symbols/instagram-symbol.tsx

@@ -20,32 +20,20 @@ export const InstagramSymbol = ({
     viewBoxHeight={viewBoxHeight}
     {...props}
   >
-    <defs>
-      <radialGradient
-        cx="29.515%"
-        cy="110.173%"
-        fx="29.515%"
-        fy="110.173%"
-        r="157.89%"
-        gradientTransform="matrix(-.4 -.9 .95 -.43 -.63 1.84)"
-        id="InstagramSymbol"
-      >
-        <stop stopColor="#F9ED65" offset="0%" />
-        <stop stopColor="#F8E462" offset="8.118%" />
-        <stop stopColor="#F7CA59" offset="13.824%" />
-        <stop stopColor="#F5A14C" offset="20.219%" />
-        <stop stopColor="#F16839" offset="30.1%" />
-        <stop stopColor="#F0524E" offset="38.409%" />
-        <stop stopColor="#EE2A7B" offset="47.577%" />
-        <stop stopColor="#002AFF" offset="100%" />
-      </radialGradient>
-    </defs>
-    <g fillRule="nonzero" fill="none">
-      <rect fill="url(#InstagramSymbol)" width="32" height="32" rx="2" />
+    <path
+      d="M30 0H2C0.89543 0 0 0.89543 0 2V30C0 31.1046 0.89543 32 2 32H30C31.1046 32 32 31.1046 32 30V2C32 0.89543 31.1046 0 30 0Z"
+      className="fill-black"
+    />
+    <g clipPath="url(#clip0_94_1017)">
       <path
-        d="M12 16c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4m-2.16 0c0 3.402 2.758 6.16 6.16 6.16s6.16-2.758 6.16-6.16S19.402 9.84 16 9.84 9.84 12.598 9.84 16M21 9.59c0 .795.645 1.44 1.44 1.44.795 0 1.44-.645 1.44-1.44 0-.795-.645-1.44-1.44-1.44-.382 0-.748.152-1.018.422S21 9.208 21 9.59m-9.85 16.18c-.76-.008-1.516-.146-2.23-.41-1.046-.406-1.874-1.234-2.28-2.28-.264-.714-.402-1.47-.41-2.23-.06-1.27-.07-1.65-.07-4.85 0-3.2 0-3.58.07-4.85.008-.76.146-1.516.41-2.23.41-1.042 1.236-1.866 2.28-2.27.714-.264 1.47-.402 2.23-.41 1.27-.06 1.64-.07 4.85-.07s3.58 0 4.85.07c.76.008 1.516.146 2.23.41 1.046.406 1.874 1.234 2.28 2.28.264.714.402 1.47.41 2.23.06 1.27.07 1.64.07 4.85s0 3.58-.07 4.85c-.008.76-.146 1.516-.41 2.23-.406 1.046-1.234 1.874-2.28 2.28-.714.264-1.47.402-2.23.41-1.27.06-1.64.07-4.85.07s-3.58 0-4.85-.07m-.1-21.7c-.995.02-1.98.21-2.91.56-1.61.622-2.884 1.892-3.51 3.5-.35.93-.54 1.915-.56 2.91C4 12.33 4 12.74 4 16c0 3.26 0 3.67.07 4.95.02.995.21 1.98.56 2.91.624 1.612 1.898 2.886 3.51 3.51.93.35 1.915.54 2.91.56 1.28.07 1.69.07 4.95.07 3.26 0 3.67 0 4.95-.07.995-.02 1.98-.21 2.91-.56 1.612-.624 2.886-1.898 3.51-3.51.35-.93.54-1.915.56-2.91.07-1.28.07-1.69.07-4.95 0-3.26 0-3.67-.07-4.95-.02-.995-.21-1.98-.56-2.91-.624-1.612-1.898-2.886-3.51-3.51-.93-.35-1.915-.54-2.91-.56C19.67 4 19.26 4 16 4c-3.26 0-3.67 0-4.95.07"
-        fill="#FFF"
+        d="M11.0301 4.08393C9.7533 4.14417 8.88138 4.34793 8.11914 4.64745C7.33026 4.95489 6.66162 5.36745 5.99634 6.03513C5.33106 6.70281 4.92138 7.37193 4.6161 8.16201C4.32066 8.92593 4.1205 9.79857 4.0641 11.0761C4.0077 12.3536 3.99522 12.7642 4.00146 16.023C4.0077 19.2817 4.0221 19.6902 4.08402 20.9703C4.14498 22.2469 4.34802 23.1186 4.64754 23.881C4.95546 24.6699 5.36754 25.3383 6.03546 26.0038C6.70338 26.6694 7.37202 27.0781 8.16402 27.3838C8.92722 27.6788 9.8001 27.8799 11.0774 27.9358C12.3547 27.9918 12.7658 28.0047 16.0235 27.9985C19.2813 27.9922 19.6915 27.9778 20.9714 27.9171C22.2513 27.8564 23.1184 27.6519 23.8811 27.3538C24.67 27.0452 25.3389 26.6338 26.0039 25.9657C26.669 25.2975 27.0784 24.6279 27.3835 23.8374C27.6791 23.0742 27.88 22.2013 27.9355 20.925C27.9914 19.6441 28.0046 19.2351 27.9983 15.9769C27.9921 12.7186 27.9775 12.3102 27.9167 11.0305C27.856 9.75081 27.6527 8.88177 27.3535 8.11881C27.0451 7.32993 26.6335 6.66201 25.9658 5.99601C25.2981 5.33001 24.628 4.92081 23.8377 4.61649C23.074 4.32105 22.2016 4.11969 20.9243 4.06449C19.6471 4.00929 19.2359 3.99513 15.977 4.00137C12.718 4.00761 12.31 4.02153 11.0301 4.08393ZM11.1703 25.777C10.0003 25.7262 9.36498 25.5318 8.94162 25.369C8.38098 25.153 7.98162 24.8919 7.5597 24.4741C7.13778 24.0562 6.87858 23.6554 6.6597 23.096C6.4953 22.6726 6.2973 22.0381 6.24258 20.8681C6.18306 19.6035 6.17058 19.2238 6.16362 16.0201C6.15666 12.8163 6.1689 12.4371 6.22434 11.1721C6.27426 10.003 6.46986 9.36705 6.63234 8.94393C6.84834 8.38257 7.1085 7.98393 7.5273 7.56225C7.9461 7.14057 8.3457 6.88089 8.90562 6.66201C9.3285 6.49689 9.96306 6.30057 11.1326 6.24489C12.3981 6.18489 12.7773 6.17289 15.9806 6.16593C19.1839 6.15897 19.564 6.17097 20.83 6.22664C21.9991 6.27753 22.6353 6.4712 23.0579 6.63464C23.6188 6.85065 24.0179 7.11009 24.4396 7.52961C24.8613 7.94913 25.1212 8.34729 25.3401 8.90841C25.5055 9.33009 25.7018 9.96441 25.757 11.1346C25.8172 12.4002 25.8309 12.7796 25.8367 15.9826C25.8424 19.1857 25.8311 19.5661 25.7757 20.8306C25.7246 22.0006 25.5307 22.6362 25.3677 23.06C25.1517 23.6204 24.8913 24.02 24.4723 24.4414C24.0532 24.8629 23.6541 25.1226 23.0939 25.3414C22.6715 25.5063 22.0363 25.7031 20.8677 25.7588C19.6022 25.8183 19.223 25.8308 16.0185 25.8378C12.814 25.8447 12.436 25.8318 11.1705 25.777M20.9529 9.58641C20.9534 9.87123 21.0383 10.1495 21.197 10.3861C21.3556 10.6226 21.5808 10.8068 21.8442 10.9154C22.1075 11.0239 22.3971 11.0519 22.6764 10.9958C22.9556 10.9398 23.212 10.8021 23.413 10.6004C23.614 10.3986 23.7507 10.1417 23.8058 9.86228C23.8608 9.58283 23.8317 9.29333 23.7222 9.03039C23.6127 8.76746 23.4277 8.5429 23.1906 8.38512C22.9534 8.22735 22.6748 8.14344 22.39 8.14401C22.0082 8.14477 21.6423 8.29715 21.3728 8.56764C21.1033 8.83813 20.9523 9.20458 20.9529 9.58641ZM9.8385 16.0119C9.84522 19.4151 12.6091 22.1677 16.0115 22.1612C19.414 22.1547 22.1685 19.3911 22.162 15.9879C22.1555 12.5847 19.391 9.83145 15.988 9.83817C12.5851 9.84489 9.83202 12.6092 9.8385 16.0119ZM11.9999 16.0076C11.9984 15.2165 12.2314 14.4426 12.6697 13.784C13.1079 13.1253 13.7316 12.6113 14.4619 12.3071C15.1923 12.0029 15.9964 11.9221 16.7726 12.0749C17.5489 12.2277 18.2624 12.6073 18.8229 13.1656C19.3834 13.7239 19.7658 14.4359 19.9217 15.2115C20.0776 15.9872 19.9999 16.7916 19.6986 17.5231C19.3973 18.2547 18.8859 18.8804 18.2289 19.3212C17.572 19.7621 16.7991 19.9982 16.0079 19.9998C15.4826 20.0009 14.9622 19.8985 14.4765 19.6984C13.9908 19.4984 13.5492 19.2046 13.177 18.8339C12.8048 18.4632 12.5093 18.0228 12.3073 17.5378C12.1054 17.0529 12.0009 16.5329 11.9999 16.0076Z"
+        className="fill-white"
       />
     </g>
+    <defs>
+      <clipPath id="clip0_94_1017">
+        <rect width="24" height="24" fill="white" transform="translate(4 4)" />
+      </clipPath>
+    </defs>
   </Symbol>
 );

package/src/components/symbol/components/symbols/linked-in-symbol.tsx

@@ -20,15 +20,25 @@ export const LinkedInSymbol = ({
     viewBoxHeight={viewBoxHeight}
     {...props}
   >
-    <g fill="none" fillRule="evenodd">
-      <rect fill="#0D7FB7" width="32" height="32" rx="2" />
+    <g clipPath="url(#clip0_139_2066)">
       <path
-        d="M22.2 26.65V19c0-1.9-.6-3.1-2.3-3.1-1.115.04-2.117.694-2.6 1.7-.21.335-.345.71-.4 1.1v8H12v-15h4.9v2.8h.4c.955-1.643 2.7-2.667 4.6-2.7 3.1 0 5.1 2.4 5.1 6.7v8.1h-4.8v.05z"
-        fill="#FFF"
-        fillRule="nonzero"
+        d="M30 0H2C0.89543 0 0 0.89543 0 2V30C0 31.1046 0.89543 32 2 32H30C31.1046 32 32 31.1046 32 30V2C32 0.89543 31.1046 0 30 0Z"
+        fill="#2867B2"
+      />
+      <path
+        d="M22.2 26.65V19C22.2 17.1 21.6 15.9 19.9 15.9C18.785 15.94 17.783 16.594 17.3 17.6C17.09 17.935 16.955 18.31 16.9 18.7V26.7H12V11.7H16.9V14.5H17.3C18.255 12.857 20 11.833 21.9 11.8C25 11.8 27 14.2 27 18.5V26.6H22.2V26.65V26.65Z"
+        fill="white"
+      />
+      <path fillRule="evenodd" clipRule="evenodd" d="M5 11.75H9.9V26.65H5V11.75Z" fill="white" />
+      <path
+        d="M7.5 9.5C8.88071 9.5 10 8.38071 10 7C10 5.61929 8.88071 4.5 7.5 4.5C6.11929 4.5 5 5.61929 5 7C5 8.38071 6.11929 9.5 7.5 9.5Z"
+        fill="white"
       />
-      <path fill="#FFF" d="M5 11.75h4.9v14.9H5z" />
-      <circle fill="#FFF" cx="7.5" cy="7" r="2.5" />
     </g>
+    <defs>
+      <clipPath id="clip0_139_2066">
+        <rect width="32" height="32" fill="white" />
+      </clipPath>
+    </defs>
   </Symbol>
 );

package/src/components/symbol/components/symbols/mastercard-symbol.tsx

@@ -7,37 +7,34 @@ import { type SymbolProps } from '../../symbol.types.js';
 export const MastercardSymbol = ({
   'aria-label': ariaLabel = 'Mastercard',
   copyrightYear = '',
-  viewBoxWidth = 80,
+  viewBoxWidth = 71,
   viewBoxHeight = 50,
   className,
   ...props
 }: SymbolProps) => (
   <Symbol
-    className={clsx('h-[50px] w-[80px]', className)}
+    className={clsx('h-[50px] w-[71px]', className)}
     aria-label={ariaLabel}
     copyrightYear={copyrightYear}
     viewBoxWidth={viewBoxWidth}
     viewBoxHeight={viewBoxHeight}
     {...props}
   >
-    <g fill="none">
+    <g clipPath="url(#clip0_94_2100)">
+      <path d="M42.8144 11.8982H28.1392V38.1019H42.8144V11.8982Z" fill="#FF5F00" />
       <path
-        d="M66.88 31.6v-.66h-.173l-.2.453-.197-.454h-.173v.66h.122v-.5l.185.43h.127l.186-.43v.5h.122zm-1.094 0v-.55h.22v-.11h-.562v.11h.22v.55h.122z"
-        fill="#F89E1B"
+        d="M29.0707 25C29.0707 19.9074 31.4467 15.0463 35.4533 11.8981C28.1855 6.20369 17.6101 7.45369 11.8798 14.7222C6.19604 21.9444 7.45391 32.4074 14.7682 38.1018C20.8712 42.8704 29.3968 42.8704 35.4998 38.1018C31.4467 34.9537 29.0707 30.0926 29.0707 25Z"
+        fill="#EB001B"
       />
       <path
-        d="M61.085 44.387c0 .853.54 1.535 1.413 1.535.834 0 1.383-.654 1.383-1.535 0-.882-.548-1.536-1.382-1.536-.872 0-1.413.684-1.413 1.537zm3.67 0v2.265h-.912v-.55c-.312.408-.824.664-1.47.664-1.27 0-2.236-.995-2.236-2.38 0-1.384.967-2.378 2.237-2.378.645 0 1.157.256 1.47.663V40.3h.91v4.087zm-12.817 0c0 .853.54 1.535 1.413 1.535.835 0 1.384-.654 1.384-1.535 0-.882-.55-1.536-1.383-1.536-.872 0-1.412.684-1.412 1.537zm3.67 0v2.265h-.912v-.55c-.312.408-.824.664-1.47.664-1.27 0-2.236-.995-2.236-2.38 0-1.384.967-2.378 2.237-2.378.645 0 1.157.256 1.47.663v-.548h.91v2.265zm10.71 1.925v.112h.103c.024 0 .043-.005.057-.014.014-.01.02-.023.02-.042 0-.02-.006-.033-.02-.042-.014-.01-.033-.014-.056-.014h-.1zm.104-.078c.054 0 .095.012.124.036.03.024.043.056.043.098 0 .034-.012.063-.035.085-.023.022-.056.036-.1.04l.138.16h-.107l-.127-.158h-.04v.157h-.09v-.418h.192zm-.026.56c.048 0 .093-.008.135-.026.043-.02.08-.044.11-.075.033-.032.057-.07.076-.11.018-.044.027-.09.027-.138 0-.05-.01-.094-.027-.137-.02-.043-.043-.08-.075-.11-.03-.033-.067-.058-.11-.076-.04-.018-.086-.027-.134-.027-.05 0-.096.01-.138.027-.044.018-.08.043-.113.075-.03.03-.056.068-.074.11-.017.044-.026.09-.026.138 0 .048.01.094.027.137.02.042.044.08.075.11.032.032.07.057.113.076.042.018.088.027.138.027zm0-.8c.063 0 .122.013.178.037.055.023.103.056.145.097.04.04.073.088.097.143.024.055.037.113.037.175 0 .062-.013.12-.037.174-.024.053-.057.1-.098.142-.043.04-.09.073-.146.097-.056.022-.115.035-.178.035-.065 0-.126-.013-.182-.036-.056-.025-.105-.057-.146-.098-.04-.04-.074-.09-.097-.143-.023-.055-.035-.113-.035-.175 0-.062.012-.12.036-.175.024-.055.057-.102.098-.143.04-.04.09-.074.146-.096.056-.023.117-.035.182-.035zm-7.302-3.986c-.568 0-.976.265-1.232.663v-.548h-.9v4.53h.91v-2.55c0-.75.36-1.232 1.005-1.232.2 0 .407.028.616.114l.303-.853c-.218-.084-.502-.122-.702-.122zm-34.976 2.38c0 .852.54 1.534 1.412 1.534.835 0 1.384-.654 1.384-1.535 0-.882-.55-1.536-1.384-1.536-.872 0-1.412.684-1.412 1.537zm3.668 0v2.264h-.91v-.55c-.313.408-.824.664-1.47.664-1.27 0-2.236-.995-2.236-2.38 0-1.384.967-2.378 2.237-2.378.645 0 1.156.256 1.47.663v-.548h.91v2.265zm12.266-1.537c-.73 0-1.166.484-1.25 1.148h2.444c-.066-.71-.52-1.147-1.194-1.147zm.02-.842c1.27 0 2.122.957 2.13 2.37 0 .132-.008.255-.018.378H38.8c.115.815.76 1.176 1.394 1.176.455 0 .938-.17 1.317-.474l.485.673c-.55.465-1.176.636-1.858.636-1.355 0-2.304-.948-2.304-2.39 0-1.41.91-2.368 2.238-2.368zm6.368 2.38c0 1.373.92 2.378 2.38 2.378.682 0 1.137-.152 1.63-.54l-.474-.71c-.37.264-.758.406-1.185.406-.786-.01-1.402-.625-1.402-1.535 0-.91.616-1.527 1.403-1.536.428 0 .816.143 1.186.41l.474-.712c-.493-.39-.948-.54-1.63-.54-1.46 0-2.38 1.004-2.38 2.38zM32.696 42.48c-.474-.314-1.128-.474-1.848-.474-1.147 0-1.85.54-1.85 1.44 0 .74.513 1.185 1.527 1.327l.465.067c.54.075.834.265.834.52 0 .352-.398.58-1.07.58-.712 0-1.177-.22-1.508-.475l-.464.71c.672.494 1.478.59 1.962.59 1.308 0 2.028-.608 2.028-1.47 0-.797-.55-1.204-1.545-1.346l-.464-.066c-.427-.057-.806-.19-.806-.493 0-.33.36-.558.9-.558.578 0 1.138.218 1.412.39l.426-.74zm12.71-.474c-.567 0-.975.265-1.23.663v-.548h-.902v4.53h.91v-2.55c0-.75.36-1.232 1.005-1.232.198 0 .407.028.615.114l.303-.853c-.217-.084-.5-.122-.7-.122zM37 42.122h-1.65v-1.375h-.92v1.375h-.957v.824h.958v2.142c0 1.052.37 1.678 1.536 1.678.427 0 .92-.133 1.233-.35l-.286-.807c-.294.17-.616.255-.872.255-.493 0-.692-.303-.692-.758v-2.16H37v-.825zm-14.768 4.53V43.8c0-1.072-.645-1.783-1.744-1.792-.58-.01-1.176.17-1.593.805-.313-.502-.806-.805-1.498-.805-.483 0-.995.132-1.365.663v-.548h-.91v4.53h.92v-2.597c0-.787.474-1.204 1.147-1.204.653 0 1.023.427 1.023 1.195v2.607h.92v-2.597c0-.787.492-1.204 1.146-1.204.672 0 1.032.427 1.032 1.195v2.607h.92z"
-        fill="#000"
-      />
-      <path fill="#FF5F00" d="M31.637 34.438h16.405V7.642H31.637" />
-      <path
-        d="M33.33 21.04c0-5.436 2.547-10.277 6.51-13.398C36.94 5.36 33.284 4 29.308 4c-9.41 0-17.04 7.63-17.04 17.04 0 9.412 7.63 17.042 17.04 17.042 3.976 0 7.633-1.362 10.532-3.644-3.963-3.12-6.51-7.962-6.51-13.398"
-        fill="#EC001B"
-      />
-      <path
-        d="M67.412 21.04c0 9.412-7.63 17.042-17.04 17.042-3.976 0-7.633-1.362-10.532-3.644 3.964-3.12 6.51-7.962 6.51-13.398s-2.546-10.277-6.51-13.398C42.74 5.36 46.396 4 50.37 4c9.412 0 17.042 7.63 17.042 17.04"
-        fill="#F89E1B"
+        d="M62.6142 25C62.6142 34.213 55.1135 41.6667 45.8425 41.6667C42.0689 41.6667 38.435 40.4167 35.5 38.1018C42.7677 32.4074 44.0256 21.9444 38.2953 14.6759C37.4567 13.6574 36.5249 12.6852 35.5 11.8981C42.7677 6.20369 53.3432 7.45369 59.0269 14.7222C61.3563 17.6389 62.6142 21.25 62.6142 25Z"
+        fill="#F79E1B"
       />
     </g>
+    <defs>
+      <clipPath id="clip0_94_2100">
+        <rect width="71" height="50" fill="white" />
+      </clipPath>
+    </defs>
   </Symbol>
 );