@westpac/ui 1.0.0-canary.9 → 1.0.0

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>
 );

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

@@ -0,0 +1,37 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const PayIDInverseSymbol = ({
+  'aria-label': ariaLabel = 'PayID',
+  copyrightYear = '',
+  viewBoxWidth = 90,
+  viewBoxHeight = 42,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[42px] w-[90px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g clipPath="url(#clip0_94_2075)">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.5167 30.5143H24.43C24.082 31.1341 23.5215 31.6426 22.749 32.0393C21.976 32.4357 21.0972 32.6344 20.1118 32.6344C19.5513 32.6344 18.967 32.5621 18.3585 32.4168C17.75 32.2713 17.1893 32.0295 16.6777 31.6906C16.1657 31.3521 15.7404 30.9064 15.4026 30.3546C15.0643 29.8028 14.8954 29.1202 14.8954 28.3068C14.8954 27.2613 15.1897 26.4289 15.7794 25.8091C16.3683 25.1896 17.1268 24.7153 18.0543 24.3859C18.9816 24.0569 20.0104 23.8389 21.1406 23.7323C22.2708 23.6261 23.3767 23.5726 24.4589 23.5726V23.2239C24.4589 22.3527 24.1446 21.7092 23.5171 21.2924C22.8889 20.8765 22.1405 20.668 21.271 20.668C20.5365 20.668 19.8315 20.8234 19.1555 21.1327C18.4789 21.4427 17.9189 21.8204 17.4747 22.2656L15.6778 20.1451C16.4698 19.4096 17.3827 18.8577 18.4165 18.4897C19.4499 18.1222 20.498 17.9379 21.5609 17.9379C22.7969 17.9379 23.8163 18.1121 24.6182 18.4608C25.4196 18.8092 26.0528 19.2645 26.5163 19.8257C26.98 20.3876 27.3034 21.0167 27.4873 21.7137C27.6706 22.4108 27.7626 23.1079 27.7626 23.805V32.2861H24.5167V30.5143ZM24.4589 25.9251V26.419C24.4589 27.5226 24.1496 28.394 23.5315 29.033C22.9128 29.672 22.0051 29.9915 20.8073 29.9915C20.5175 29.9915 20.2277 29.9625 19.9379 29.9044C19.6481 29.8462 19.3873 29.7497 19.1555 29.6139C18.9236 29.4787 18.7352 29.2995 18.5904 29.0765C18.4455 28.8543 18.373 28.5782 18.373 28.2487C18.373 27.726 18.5468 27.3149 18.8946 27.0145C19.2423 26.7146 19.6771 26.4821 20.1986 26.3172C20.7205 26.153 21.29 26.0465 21.9086 25.998C22.5268 25.9498 23.1158 25.9251 23.6763 25.9251H24.4589ZM28.7969 18.3444H32.651L36.5345 28.4812H36.5925L40.0412 18.3444H43.6637L37.0851 35.2778C36.8338 35.9166 36.5636 36.483 36.2738 36.9768C35.984 37.4706 35.636 37.8868 35.2305 38.2258C34.8247 38.5642 34.3466 38.8213 33.7957 38.9954C33.2452 39.1696 32.5833 39.2567 31.8108 39.2567C31.5208 39.2567 31.226 39.2423 30.9268 39.2133C30.6271 39.1842 30.3227 39.1306 30.0139 39.0536L30.3037 36.033C30.5356 36.1099 30.7625 36.1635 30.9848 36.1927C31.2067 36.2216 31.4146 36.2362 31.6078 36.2362C31.9746 36.2362 32.2839 36.1927 32.5352 36.1056C32.7861 36.0182 32.999 35.8827 33.1727 35.6988C33.3467 35.5144 33.5011 35.2872 33.6366 35.0163C33.7715 34.745 33.9165 34.4252 34.0712 34.0578L34.7668 32.2861L28.7969 18.3444ZM0 11.7222H6.69451C7.87261 11.7222 8.93543 11.8291 9.88233 12.0416C10.8286 12.2551 11.6401 12.6037 12.3166 13.0874C12.9927 13.5715 13.5142 14.1912 13.8815 14.9462C14.2482 15.7015 14.432 16.6117 14.432 17.6766C14.432 18.8193 14.2193 19.7777 13.7946 20.552C13.3694 21.3267 12.7949 21.9512 12.0702 22.4253C11.3458 22.9002 10.5004 23.2434 9.53455 23.4563C8.56817 23.6696 7.54431 23.776 6.46266 23.776H3.65169V32.2861H0V11.7222ZM6.20191 20.6969C6.80053 20.6969 7.37042 20.6536 7.91158 20.5664C8.4524 20.4793 8.93543 20.3244 9.36066 20.1018C9.78539 19.8795 10.1236 19.5743 10.3751 19.1869C10.6258 18.7997 10.7516 18.2964 10.7516 17.6766C10.7516 17.0765 10.6258 16.5874 10.3751 16.2096C10.1236 15.8322 9.79035 15.5371 9.37519 15.3238C8.95954 15.1109 8.48626 14.9707 7.95501 14.9027C7.42343 14.8352 6.87782 14.8009 6.31767 14.8009H3.65169V20.6969H6.20191ZM56.8667 0H80.8667C85.8373 0 89.8667 4.02944 89.8667 9V33C89.8667 37.9706 85.8373 42 80.8667 42H56.8667C51.8962 42 47.8667 37.9706 47.8667 33V9C47.8667 4.02944 51.8962 0 56.8667 0ZM65.6692 10.2191V25.3042H68.3841V12.7102C70.7012 12.6926 75.7507 13.1719 77.5336 17.4035L80.0355 16.3496C78.7269 13.2431 76.0002 11.1736 72.1503 10.3646C69.3673 9.78005 66.9638 10.0618 66.8628 10.0739L65.6692 10.2191ZM57.099 11.9407C57.099 13.0612 58.0075 13.9698 59.1281 13.9698C60.2488 13.9698 61.1572 13.0612 61.1572 11.9407C61.1572 10.82 60.2488 9.91158 59.1281 9.91158C58.0075 9.91158 57.099 10.82 57.099 11.9407ZM80.7012 23.4989L83.4554 23.5018L79.5725 18.6304L75.6981 23.4935L77.9487 23.4959C77.8438 24.0595 77.708 24.5557 77.5483 24.9304C76.1756 28.1542 72.7286 29.7889 67.3039 29.7889H60.3911V17.5176H57.6762V32.5038H67.3039C73.9196 32.5038 78.2068 30.3135 80.0463 25.9941C80.3315 25.3241 80.5546 24.4597 80.7012 23.4989Z"
+        className="fill-white"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_94_2075">
+        <rect width="90" height="42" fill="white" />
+      </clipPath>
+    </defs>
+  </Symbol>
+);

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

@@ -20,9 +20,18 @@ export const PayIDSymbol = ({
     viewBoxHeight={viewBoxHeight}
     {...props}
   >
-    <path
-      fillRule="evenodd"
-      d="M24.5166606 30.5143057h-.0866973c-.347945.6198226-.908422 1.1282592-1.6809358 1.5249788-.7730092.3963886-1.6518715.5951621-2.6372477.5951621-.560477 0-1.1447339-.0723264-1.753266-.2176413-.6085321-.1454804-1.1691744-.3872857-1.6807707-.7262434-.5120917-.3384612-.9373211-.7841708-1.2751926-1.3359701-.3382019-.5517994-.5071377-1.2343491-.5071377-2.0478145 0-1.0455059.2942753-1.8778391.8839817-2.4976617.5888807-.6194916 1.3473578-1.0938338 2.2749358-1.4231922.9272477-.3290273 1.956055-.5469996 3.0862569-.6535859 1.1302018-.1062553 2.2361284-.159714 3.3182752-.159714v-.3487226c0-.8712273-.3142569-1.5147174-.9417798-1.9314633-.6281835-.4159183-1.3765872-.6244568-2.2460367-.6244568-.7345321 0-1.4395046.1554108-2.115578.4647428-.6765688.3099941-1.2365505.6876804-1.6807707 1.1328934l-1.7968623-2.1204719c.792-.7355118 1.7048807-1.2874766 2.7386422-1.655398 1.0334312-.3675904 2.0815596-.5517994 3.1443853-.5517994 1.236055 0 2.2554495.1741131 3.0573578.5228357.8014128.3483916 1.4345504.8037006 1.8980917 1.3649338.4637064.5618953.7870459 1.1909862.9710092 1.887935.1833028.6971142.2752844 1.3942285.2752844 2.0913427v8.4810601h-3.2459449v-1.7717493zm-.0577982-4.5891699v.493872c0 1.1035987-.3093028 1.9749915-.9274129 2.6140129-.6186055.6390214-1.5263669.9584493-2.7241101.9584493-.2898165 0-.579633-.0289636-.8694495-.0870565-.2898165-.0582583-.5505688-.1547488-.782422-.2904643-.2318532-.1352189-.4202752-.3144627-.5651009-.5374002-.1448257-.2222755-.2173211-.4983407-.2173211-.8278646 0-.5226701.1737247-.9337888.5215046-1.2341835.3477798-.2998981.7825871-.532435 1.3040917-.6972797.5218349-.1641827 1.0913945-.270769 1.71-.3192624.6181101-.0481625 1.207156-.072823 1.767633-.072823h.7825872zm4.338-7.5807036h3.8541468l3.8835413 10.1367892h.0579633l3.4487339-10.1367892h3.6224587l-6.5785871 16.933322c-.2513395.6388559-.5215046 1.2052198-.8113211 1.6990918-.2898165.4937065-.6377615.9099559-1.0433395 1.2489136-.4057431.3384612-.8838165.5954932-1.4347156.7696062-.5505688.1742786-1.2124403.2613351-1.9849541.2613351-.2899817 0-.5847523-.0143991-.8839817-.0433628-.2997247-.0291291-.6040734-.0827533-.9128807-.1597139l.2898165-3.0206629c.2318532.0769606.4587523.1305848.6810275.159714.221945.0289636.4298533.0435282.6230643.0435282.3667706 0 .6760734-.0435282.9274128-.1305848.250844-.0873875.4637064-.2229375.6374312-.4068154.174055-.1843745.3284587-.4116152.4638716-.6825497.1349174-.2712655.2799082-.5910244.4346422-.9584493l.6955596-1.7717493-5.9698899-13.9416228zM0 11.7221779h6.69451376c1.17809174 0 2.24091743.1069173 3.18781652.3194279.94623852.2135037 1.75772472.5620608 2.43429362 1.0458369.6760733.4841071 1.1975779 1.1037642 1.564844 1.8588058.3667706.7552071.5505688 1.665494.5505688 2.7303641 0 1.1426583-.2126973 2.1011077-.6374312 2.875348-.4252294.7747369-.9997431 1.3991937-1.724367 1.8733704-.7244587.4748388-1.5697981.8180997-2.53568804 1.0309413-.96638532.2133381-1.99023853.3197589-3.07188991.3197589H3.65168807v8.5100238H0V11.7221779zm6.20190826 8.9747666c.59862385 0 1.16851376-.0433628 1.70966972-.1305848.54082569-.0870565 1.02385321-.2419708 1.44908257-.4645773.42473395-.2222755.76293575-.5274699 1.01444035-.9149211.2506789-.3871202.3765138-.8904261.3765138-1.5102487 0-.6001273-.1258349-1.0891996-.3765138-1.4670514-.2515046-.3773553-.58475228-.6724537-.99990824-.8857919-.41565138-.2128416-.88893578-.3530258-1.42018349-.421049-.53157798-.0675268-1.07719266-.1017867-1.63733945-.1017867H3.65168807v5.8960109h2.55022019zM56.8667339 0h24c4.9705628 0 9 4.02943725 9 9v24c0 4.9705627-4.0294372 9-9 9h-24c-4.9705627 0-9-4.0294373-9-9V9c0-4.97056275 4.0294373-9 9-9zm8.8024914 10.2191433v15.0850358h2.7148967V12.7102486c2.3170281-.0176685 7.3666215.4616733 9.1495045 4.6932968l2.5018931-1.0538977c-1.3086146-3.1065607-4.0352903-5.1760742-7.8852248-5.9850659-2.7829532-.58453529-5.1865243-.3028197-5.2874638-.2907134l-1.1936057.1452749zm-8.5702066 1.7215408c0 1.120482.9084556 2.0291048 2.0290969 2.0291048s2.029097-.9086228 2.029097-2.0291048c0-1.1206457-.9084557-2.02910487-2.029097-2.02910487-1.1206413 0-2.0290969.90845917-2.0290969 2.02910487zm23.6021782 11.5581921l2.75416.0029448-3.8828176-4.8714549-3.8744741 4.8631114 2.2506076.002454c-.1048658.5635948-.2406516 1.0597872-.4003225 1.4344264-1.3727447 3.2238604-4.8197392 4.8585307-10.2444611 4.8585307h-6.9128026V17.5175731h-2.7148967v14.9862228h9.6276993c6.61571 0 10.9029401-2.1902488 12.7424278-6.5097244.28515-.6699334.5082967-1.5343848.6548799-2.4951953z"
-    />
+    <g clipPath="url(#clip0_94_2071)">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.5167 30.5143H24.43C24.082 31.1341 23.5215 31.6426 22.749 32.0393C21.976 32.4357 21.0972 32.6344 20.1118 32.6344C19.5513 32.6344 18.967 32.5621 18.3585 32.4168C17.75 32.2713 17.1893 32.0295 16.6777 31.6906C16.1657 31.3521 15.7404 30.9064 15.4026 30.3546C15.0643 29.8028 14.8954 29.1202 14.8954 28.3068C14.8954 27.2613 15.1897 26.4289 15.7794 25.8091C16.3683 25.1896 17.1268 24.7153 18.0543 24.3859C18.9816 24.0569 20.0104 23.8389 21.1406 23.7323C22.2708 23.6261 23.3767 23.5726 24.4589 23.5726V23.2239C24.4589 22.3527 24.1446 21.7092 23.5171 21.2924C22.8889 20.8765 22.1405 20.668 21.271 20.668C20.5365 20.668 19.8315 20.8234 19.1555 21.1327C18.4789 21.4427 17.9189 21.8204 17.4747 22.2656L15.6778 20.1451C16.4698 19.4096 17.3827 18.8577 18.4165 18.4897C19.4499 18.1222 20.498 17.9379 21.5609 17.9379C22.7969 17.9379 23.8163 18.1121 24.6182 18.4608C25.4196 18.8092 26.0528 19.2645 26.5163 19.8257C26.98 20.3876 27.3034 21.0167 27.4873 21.7137C27.6706 22.4108 27.7626 23.1079 27.7626 23.805V32.2861H24.5167V30.5143ZM24.4589 25.9251V26.419C24.4589 27.5226 24.1496 28.394 23.5315 29.033C22.9128 29.672 22.0051 29.9915 20.8073 29.9915C20.5175 29.9915 20.2277 29.9625 19.9379 29.9044C19.6481 29.8462 19.3873 29.7497 19.1555 29.6139C18.9236 29.4787 18.7352 29.2995 18.5904 29.0765C18.4455 28.8543 18.373 28.5782 18.373 28.2487C18.373 27.726 18.5468 27.3149 18.8946 27.0145C19.2423 26.7146 19.6771 26.4821 20.1986 26.3172C20.7205 26.153 21.29 26.0465 21.9086 25.998C22.5268 25.9498 23.1158 25.9251 23.6763 25.9251H24.4589ZM28.7969 18.3444H32.651L36.5345 28.4812H36.5925L40.0412 18.3444H43.6637L37.0851 35.2778C36.8338 35.9166 36.5636 36.483 36.2738 36.9768C35.984 37.4706 35.636 37.8868 35.2305 38.2258C34.8247 38.5642 34.3466 38.8213 33.7957 38.9954C33.2452 39.1696 32.5833 39.2567 31.8108 39.2567C31.5208 39.2567 31.226 39.2423 30.9268 39.2133C30.6271 39.1842 30.3227 39.1306 30.0139 39.0536L30.3037 36.033C30.5356 36.1099 30.7625 36.1635 30.9848 36.1927C31.2067 36.2216 31.4146 36.2362 31.6078 36.2362C31.9746 36.2362 32.2839 36.1927 32.5352 36.1056C32.7861 36.0182 32.999 35.8827 33.1727 35.6988C33.3467 35.5144 33.5011 35.2872 33.6366 35.0163C33.7715 34.745 33.9165 34.4252 34.0712 34.0578L34.7668 32.2861L28.7969 18.3444ZM0 11.7222H6.69451C7.87261 11.7222 8.93543 11.8291 9.88233 12.0416C10.8286 12.2551 11.6401 12.6037 12.3166 13.0874C12.9927 13.5715 13.5142 14.1912 13.8815 14.9462C14.2482 15.7015 14.432 16.6117 14.432 17.6766C14.432 18.8193 14.2193 19.7777 13.7946 20.552C13.3694 21.3267 12.7949 21.9512 12.0702 22.4253C11.3458 22.9002 10.5004 23.2434 9.53455 23.4563C8.56817 23.6696 7.54431 23.776 6.46266 23.776H3.65169V32.2861H0V11.7222ZM6.20191 20.6969C6.80053 20.6969 7.37042 20.6536 7.91158 20.5664C8.4524 20.4793 8.93543 20.3244 9.36066 20.1018C9.78539 19.8795 10.1236 19.5743 10.3751 19.1869C10.6258 18.7997 10.7516 18.2964 10.7516 17.6766C10.7516 17.0765 10.6258 16.5874 10.3751 16.2096C10.1236 15.8322 9.79035 15.5371 9.37519 15.3238C8.95954 15.1109 8.48626 14.9707 7.95501 14.9027C7.42343 14.8352 6.87782 14.8009 6.31767 14.8009H3.65169V20.6969H6.20191ZM56.8667 0H80.8667C85.8373 0 89.8667 4.02944 89.8667 9V33C89.8667 37.9706 85.8373 42 80.8667 42H56.8667C51.8962 42 47.8667 37.9706 47.8667 33V9C47.8667 4.02944 51.8962 0 56.8667 0ZM65.6692 10.2191V25.3042H68.3841V12.7102C70.7012 12.6926 75.7507 13.1719 77.5336 17.4035L80.0355 16.3496C78.7269 13.2431 76.0002 11.1736 72.1503 10.3646C69.3673 9.78005 66.9638 10.0618 66.8628 10.0739L65.6692 10.2191ZM57.099 11.9407C57.099 13.0612 58.0075 13.9698 59.1281 13.9698C60.2488 13.9698 61.1572 13.0612 61.1572 11.9407C61.1572 10.82 60.2488 9.91158 59.1281 9.91158C58.0075 9.91158 57.099 10.82 57.099 11.9407ZM80.7012 23.4989L83.4554 23.5018L79.5725 18.6304L75.6981 23.4935L77.9487 23.4959C77.8438 24.0595 77.708 24.5557 77.5483 24.9304C76.1756 28.1542 72.7286 29.7889 67.3039 29.7889H60.3911V17.5176H57.6762V32.5038H67.3039C73.9196 32.5038 78.2068 30.3135 80.0463 25.9941C80.3315 25.3241 80.5546 24.4597 80.7012 23.4989Z"
+        className="fill-black"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_94_2071">
+        <rect width="90" height="42" fill="white" />
+      </clipPath>
+    </defs>
   </Symbol>
 );

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

@@ -0,0 +1,35 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const PayToInverseSymbol = ({
+  'aria-label': ariaLabel = 'PayTo',
+  copyrightYear = '',
+  viewBoxWidth = 65,
+  viewBoxHeight = 65,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('size-[65px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g clipPath="url(#clip0_94_2473)">
+      <path
+        d="M49.6727 0H14.5127C10.6681 0.00331005 6.98186 1.53205 4.2633 4.25061C1.54474 6.96917 0.0160054 10.6554 0.0126953 14.5V49.6725C0.0126953 53.5181 1.54037 57.2063 4.25965 59.9255C6.97892 62.6448 10.6671 64.1725 14.5127 64.1725H49.6727C53.5183 64.1725 57.2065 62.6448 59.9257 59.9255C62.645 57.2063 64.1727 53.5181 64.1727 49.6725V14.5125C64.1743 12.6073 63.8005 10.7204 63.0725 8.95975C62.3446 7.19909 61.2768 5.59914 59.9302 4.25137C58.5836 2.9036 56.9845 1.83442 55.2245 1.10494C53.4645 0.375468 51.5779 -7.07943e-07 49.6727 0ZM37.3102 47.895C35.6886 47.9182 34.0785 47.6188 32.5737 47.0143C31.0688 46.4098 29.6991 45.5121 28.5441 44.3736C27.3892 43.235 26.4721 41.8783 25.8461 40.3822C25.2201 38.8861 24.8978 37.2805 24.8978 35.6587C24.8978 34.037 25.2201 32.4314 25.8461 30.9353C26.4721 29.4392 27.3892 28.0825 28.5441 26.9439C29.6991 25.8054 31.0688 24.9077 32.5737 24.3032C34.0785 23.6987 35.6886 23.3993 37.3102 23.4225H51.1152V19.62L58.2127 25.5275L51.1027 31.4425V27.56H37.1327C32.8552 27.56 29.3177 31.3825 29.3177 35.6575C29.271 36.7362 29.4431 37.8132 29.8236 38.8237C30.2042 39.8341 30.7854 40.757 31.5322 41.5369C32.279 42.3167 33.1759 42.9373 34.1689 43.3613C35.1619 43.7853 36.2305 44.0038 37.3102 44.0038C38.3899 44.0038 39.4585 43.7853 40.4515 43.3613C41.4445 42.9373 42.3414 42.3167 43.0882 41.5369C43.835 40.757 44.4162 39.8341 44.7967 38.8237C45.1773 37.8132 45.3494 36.7362 45.3027 35.6575C45.2793 33.8343 44.7345 32.0559 43.7327 30.5325H48.4227C49.1624 32.1399 49.5461 33.8881 49.5477 35.6575C49.5617 37.2684 49.2547 38.8661 48.6447 40.3571C48.0347 41.8482 47.1338 43.2028 45.9946 44.3419C44.8555 45.4811 43.5008 46.382 42.0098 46.992C40.5187 47.602 38.9211 47.909 37.3102 47.895ZM20.3102 43.645C21.2889 43.5967 22.2559 43.4107 23.1827 43.0925V47.2975C22.2683 47.6664 21.2958 47.8703 20.3102 47.9C18.2848 47.8835 16.3485 47.0644 14.9262 45.6223C13.5038 44.1803 12.7114 42.233 12.7227 40.2075V27.56H7.94019V23.4225H12.7277V18.1725H16.8802V23.4225H28.2127C26.5952 24.5316 25.2009 25.9352 24.1027 27.56H16.8802V40.2025C16.8861 41.1119 17.2498 41.9825 17.8926 42.6258C18.5355 43.2691 19.4058 43.6334 20.3152 43.64L20.3102 43.645Z"
+        className="fill-white"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_94_2473">
+        <rect width="64.1825" height="64.1825" fill="white" />
+      </clipPath>
+    </defs>
+  </Symbol>
+);