@westpac/ui 0.2.0 → 0.3.0

package/src/components/symbol/components/logos/red-avatar-logo.tsx

@@ -0,0 +1,34 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const RedAvatarLogo = ({
+  'aria-label': ariaLabel = 'Red Avatar',
+  copyrightYear = '2023',
+  viewBoxWidth = 67,
+  viewBoxHeight = 32,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[32px] w-[67px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g fill="none" fillRule="evenodd">
+      <path
+        d="M40.6591036 26.6817019H26.2992858c-5.8865128 0-10.6758928-4.7909095-10.6758928-10.681008 0-5.8900984 4.78938-10.68378363 10.6758928-10.68378363h14.3598178c5.8865128 0 10.6745058 4.79368523 10.6745058 10.68378363 0 5.8900985-4.787993 10.681008-10.6745058 10.681008zM58.1272332 5.47373899c-1.7018735 0-2.8322948.60510908-3.5147086 2.71882726C51.8717731 3.30866982 46.6440948 0 40.6591036 0H26.2992858c-5.96696 0-11.179381 3.28785185-13.9270676 8.14676671-.6851879-2.07763369-1.8114481-2.67302772-3.49945141-2.67302772H0c.694897.28590017 1.15677466 2.08457302 1.15677466 2.08457302L5.43989235 22.4431626c.49655315 1.869454 2.04169341 2.8520623 3.79211262 2.8520623h4.05980743C16.1948453 29.3519539 20.9440017 32 26.2992858 32h14.3598178c5.3538971 0 10.1030535-2.6480461 13.0074734-6.7047751h4.101418c1.7504192 0 3.2955595-.9826083 3.7893386-2.8520623l4.2858917-14.88485059S66.303716 5.75963916 67 5.47373899h-8.8727668z"
+        fill="#DA1710"
+      />
+      <path
+        d="M24.554105 12.8510734c-1.7792427 0-3.2198464 1.4419916-3.2198464 3.2198465 0 1.7792427 1.4406037 3.2198465 3.2198464 3.2198465 1.7778549 0 3.2198465-1.4406038 3.2198465-3.2198465 0-1.7778549-1.4419916-3.2198465-3.2198465-3.2198465M43.1655116 12.8510734c-1.7792428 0-3.2198465 1.4419916-3.2198465 3.2198465 0 1.7792427 1.4406037 3.2198465 3.2198465 3.2198465 1.7778548 0 3.2184586-1.4406038 3.2184586-3.2198465 0-1.7778549-1.4406038-3.2198465-3.2184586-3.2198465"
+        fill="#2A2E42"
+      />
+    </g>
+  </Symbol>
+);

package/src/components/symbol/components/logos/stg-dragon-logo.tsx

@@ -0,0 +1,80 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const STGDragonLogo = ({
+  'aria-label': ariaLabel = 'St.George',
+  copyrightYear = '2023',
+  viewBoxWidth = 54,
+  viewBoxHeight = 38,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[38px] w-[54px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M30 29.3c1.4 2.2 3.8 3.8 6.3 4.1 4.4 0.6 8.5-1.6 12.9 0.1 2 0.7 3.8 2 4.8 3.7 -0.9-0.4-1.5-0.7-2.6-1 -1.9-0.6-3.5-0.4-5.5-0.1 -3.7 0.5-7.4 1.7-10.9 0C32.3 34.8 30.7 32.1 30 29.3"
+      fill="#FFCD00"
+    />
+    <path
+      d="M25.3 12.3c0.3 1.2 0 2.3-0.2 3.7 -0.2 1.2 0.2 2.4 1.3 2.7 0.9 0.3 3 0.2 4.4 1.5 0.4 0.4 0.6 0.5 0.7 1.2 0.1 0.4 0 0.9-0.1 1.2 -0.4 1.1-0.7 2-1.4 2.8 -1 1.1-2 2.1-3.3 2.6 -2.5 0.8-3.9-1.6-5.8-2.7 -0.9-0.5-1.8-0.8-2.6 0.1 -1.3 1.2-1.1 3.2-0.4 4.6 1.3 2.6 4.1 4.9 6 6.8 -3.4 0.9-6.9 1.8-10.3 0.8 -1.6-0.5-3.1-2.5-3.8-4C8.6 31 7.8 25 1.8 20.7c3 0.4 4.2 0.7 6.1-0.6 0.4-0.3 0.6-0.8 0.5-1.3 -0.3-2-2-3.1-3.1-4.5 0.8 0.3 1.6 0.5 2.5 0.6 1.3 0.2 2.4-0.1 3.5-0.8 3.5-2.1-0.5-6.9-0.5-6.9s3.7 2.7 6 2.3c0.8-0.2 1.3-0.4 1.7-1.1 1-1.7 1.9-3.5 2.7-5.3 -0.1 1.7-0.4 3.4 0.1 5 0.4 1.5 1.7 1.8 2.9 2.6C24.7 11 25.1 11.3 25.3 12.3"
+      fill="#78BE20"
+    />
+    <path
+      d="M5.4 15.8c0.8 0.5 1.7 1.1 2.4 1.8 0.8 0.8 1.9 2.8 0.5 4.4 -0.5 0.6-1.4 0.9-2.2 0.9 -1.2 0.1-2.8-0.4-3.7-1.1 0.2 0 3 0.5 4.3-0.1 0.4-0.2 0.9-0.8 0.6-2 -0.4-1.5-1.8-2.7-4.2-4.2 -0.3-0.2-0.5-0.5-0.6-0.9C2.5 14.6 3.9 15 5.4 15.8"
+      fill="#004833"
+    />
+    <path
+      d="M6.9 25.2c0.5 0.9 0.6 1.3 0.5 2.5 -0.1 0.7-0.6 1.1-1 1.4 0 0 0.4-1.5-0.2-2.6 -0.9-1.8-1.7-1.7-5.3-3.1C0.5 23.2 0 22.6 0 22.5c0-0.1 2.9 0.4 4.5 0.9C5.3 23.6 6.4 24.4 6.9 25.2"
+      fill="#004833"
+    />
+    <path
+      d="M18.9 14.4c-0.6 0.8-0.4 2.1 0.6 2.2 0.6 0 1.4-0.3 1.6-1 0.2-0.7-0.1-1.2-0.6-1.7C20.1 13.6 19.3 13.9 18.9 14.4"
+      fill="#fff"
+    />
+    <path
+      d="M8 16.3c0.8 0.8 2 0.9 2.9 0.3 1-0.7 1-2.4 0.7-3.4 -0.6-2.7-2.1-5.1-4.1-6.3 1 2.1 2.2 4.4 2.6 6.7 0.1 0.5 0.2 1.1 0 1.6 -0.5 1-2.4 0.4-3.3-0.1C7.2 15.5 8 16.3 8 16.3"
+      fill="#004833"
+    />
+    <path
+      d="M14.3 9.7C16 9.5 16 7.9 16.3 6.6c0.2-1.1 0.7-2.2 1.5-3.2 0.6-0.7 0.9-1 1.4-1.6C20.3 0.4 21.1 0 21.1 0s-2.5 3.9-3 5.9c-0.5 1.7 0.1 3.8-1.8 4.9 -1.6 0.9-3.2 0.1-4.4-0.8 -0.6-0.5-1-1.1-1.2-1.9C11.8 8.8 12.8 9.9 14.3 9.7"
+      fill="#004833"
+    />
+    <path
+      d="M20.9 9.2c0.7 0.8 1.6 1 2.5 1.6 0.8 0.6 1.3 1.1 1.6 2 0.4 1.3-0.2 2.6-0.2 4C25 19 26.5 19 28.5 19c1.2 0 3.3 1 3.1 2.8 -0.1 0.7-0.2 1.2-0.7 1.7 -0.5 0.4-1.1 0.6-1.6 0.2 1-0.3 1.3-0.7 1.4-1.7 0-0.6-0.3-1.1-0.5-1.3 -0.4-0.4-1-0.9-2.4-0.8 -1.1 0-2 0.1-3.1-0.7 -0.5-0.4-0.7-0.7-1-1.3 -0.7-1.4 0.2-3 0-4.5 -0.1-0.7-0.9-1.5-1.5-2 -1.1-0.7-2.2-1.1-2.9-2.3 -1-1.8-0.1-4 1-5.8C20.3 5.4 19.4 7.6 20.9 9.2"
+      fill="#004833"
+    />
+    <path
+      d="M21.6 16.1c0.6-0.8 0.3-1.8-0.6-2.2 -0.5-0.2-1.1-0.3-1.7-0.1 -0.2 0-0.6 0.1-0.8 0.5 0.2-0.1 0.6-0.2 0.9-0.2 0.5 0 0.6 0.2 0.6 0.2s-0.7 0.2-0.8 0.7c-0.2 0.5 0 1 0.4 1.2C20.2 16.8 21.1 16.7 21.6 16.1"
+      fill="#004833"
+    />
+    <path
+      d="M12.4 15.7c0.7-1 1.4-1.9 2.2-2.6 -0.1 0.8-0.5 1.6-0.8 2.4 -1.8 3.9-3.4 6.5-4 11.7 -0.6 4.9 0.6 7.4 1.3 8.5 0.3 0.4 0.1 1.2-0.3 1.7C10.3 38 9 37.2 9 37.2S8.8 36.6 8.6 36c-0.5-1.6-0.7-3.3-0.8-5C7.5 25.6 9.1 20.3 12.4 15.7"
+      fill="#004833"
+    />
+    <path
+      d="M24.2 22.8c1.8 1.4 3.7 2.1 5.6 2.9 -0.2 0.7-0.4 0.8-1 1.3 -1.3-0.4-2.7-1-3.7-1.9C23.9 24 23 23 22.5 21.4 23.2 21.8 23.6 22.4 24.2 22.8"
+      fill="#004833"
+    />
+    <path
+      d="M20.1 24.1c1.9 0.3 2.6 1.5 3.9 2.7 1 0.9 2.2 1.6 3.6 1.2 -0.2 1.1-1.6 1.4-2.8 1.2 -2-0.3-2.4-1.9-3.7-3.2 -0.9-0.9-2.5-0.8-3.5 0.4 -1.3 1.6 0 4.3 1 5.5 1.1 1.3 2.1 2.3 3.2 3.4 0 0 1.5 1.5 2.4 2.6 -3.1-1.6-5.2-3-7.4-5.7 -1-1.3-1.2-2.4-1.3-3.8 0-1.2 0.2-2.2 1-3.2C17.5 24.1 18.7 23.9 20.1 24.1"
+      fill="#004833"
+    />
+    <path
+      d="M28.4 21.7c-0.4 0.1-0.7 0.6-0.6 0.9 0.2 0.4 0.7 0.5 1.1 0.2 0.1-0.1 0.3-0.3 0.3-0.5 0-0.3-0.2-0.6-0.6-0.7C28.5 21.6 28.4 21.7 28.4 21.7"
+      fill="#fff"
+    />
+    <path
+      d="M28.7 21.3c0.2 0 0.5 0.1 0.6 0.3 0.3 0.2 0.2 0.7-0.1 0.9 -0.4 0.3-0.8 0.3-1.1 0 -0.2-0.3-0.2-0.7 0-1C28.3 21.4 28.5 21.3 28.7 21.3"
+      fill="#004833"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/stg-logo.tsx

@@ -0,0 +1,116 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const STGLogo = ({
+  'aria-label': ariaLabel = 'St.George',
+  copyrightYear = '2023',
+  viewBoxWidth = 170,
+  viewBoxHeight = 51,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[51px] w-[170px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M169.7 37c-1.1 3.8-3.5 5.4-6.9 5.4 -4.6 0-7.5-3.5-7.5-8.4 0-4.8 3-8.5 7.5-8.5 5 0 7.4 4.6 7.1 9.5h-10.6c0.1 2.8 1.4 4.1 3.6 4.1 1.2 0 2.2-0.6 2.8-1.3 0.4-0.5 1-0.8 1.6-0.8H169.7zM166 32.3c-0.4-2.2-1.2-3.4-3.2-3.4 -2.6 0-3.3 2.2-3.3 3.4H166z"
+      fill="#E30000"
+    />
+    <path
+      d="M150.7 27.2c0.7-1 1.6-1.7 2.5-1.7V41c0 2.6-0.9 7.1-7.6 7.1 -2.9 0-6.3-1.5-6.5-5.2h2.7c0.7 0 1.4 0.4 1.7 1 0.6 0.9 1.5 1.2 2.6 1.2 2.2 0 3.3-1.7 3.2-4v-2.1h-0.1c-0.9 1.7-2.6 2.5-4.4 2.5 -4.4 0-6.3-3.6-6.3-8 0-4.9 2.9-8 7.3-8C147.8 25.5 149.4 26.1 150.7 27.2M149.4 33.8c0-2.6-0.8-4.9-3.4-4.9 -2.3 0-3.3 2.2-3.3 4.6 0 2.3 0.8 4.8 3.3 4.8C148.2 38.2 149.4 36.1 149.4 33.8"
+      fill="#E30000"
+    />
+    <path
+      d="M117.8 39.1c2.7 0 3.6-2.6 3.6-5.1 0-2.6-0.8-5.2-3.6-5.2 -2.7 0-3.5 2.6-3.5 5.2C114.2 36.5 115 39.1 117.8 39.1M117.8 25.5c4.6 0 7.6 3.4 7.6 8.5 0 5.1-3 8.4-7.6 8.4 -4.6 0-7.6-3.4-7.6-8.4C110.2 28.9 113.2 25.5 117.8 25.5"
+      fill="#E30000"
+    />
+    <path
+      d="M107.9 37c-1.1 3.8-3.5 5.4-6.9 5.4 -4.6 0-7.5-3.5-7.5-8.4 0-4.8 3-8.5 7.5-8.5 5 0 7.4 4.6 7.1 9.5H97.6c0.1 2.8 1.4 4.1 3.6 4.1 1.2 0 2.2-0.6 2.8-1.3 0.4-0.5 1-0.8 1.6-0.8H107.9zM104.1 32.3c-0.4-2.2-1.2-3.4-3.2-3.4 -2.6 0-3.3 2.2-3.3 3.4H104.1z"
+      fill="#E30000"
+    />
+    <path
+      d="M56.9 30.6c-0.8 0-1.4-0.4-1.8-1.1 -0.5-0.9-1.4-1.1-2.5-1.1 -0.9 0-2.2 0.2-2.2 1.5 0 1.6 2.3 1.8 4.6 2.4 2.4 0.6 4.6 1.5 4.6 4.5 0 4.2-3.3 5.6-6.7 5.6 -3.4 0-6.7-1.4-6.9-5.6h3.8c0 1.9 1.5 2.7 3.1 2.7 1.2 0 2.6-0.5 2.6-2 0-1.3-1.7-1.8-4.6-2.5 -2.3-0.6-4.7-1.5-4.7-4.3 0-4.1 3.2-5.2 6.4-5.2 3.2 0 6.2 1.2 6.5 5.1H56.9z"
+      fill="#E30000"
+    />
+    <path
+      d="M67.1 26h2.9v0.9c0 1.1-0.9 2-2 2h-0.9v7.9c0 1.5 0.3 1.9 1.7 1.9 0.4 0 0.8 0 1.2-0.1V42c-0.7 0.1-1.6 0.2-2.4 0.2 -2.5 0-4.6-0.6-4.6-3.8v-9.5h-2.4V28c0-1.1 0.9-2 2-2h0.4v-4.8h2c1.1 0 2 0.9 2 2V26z"
+      fill="#E30000"
+    />
+    <path
+      d="M89 27.2c0.7-1 1.6-1.7 2.5-1.7V41c0 2.6-0.8 7.1-7.6 7.1 -2.9 0-6.3-1.5-6.5-5.2h2.7c0.7 0 1.4 0.4 1.7 1 0.6 0.9 1.5 1.2 2.6 1.2 2.2 0 3.3-1.7 3.2-4v-2.1h-0.1c-0.9 1.7-2.6 2.5-4.4 2.5 -4.4 0-6.3-3.6-6.3-8 0-4.9 2.9-8 7.3-8C86.1 25.5 87.7 26.1 89 27.2M87.7 33.8c0-2.6-0.8-4.9-3.4-4.9C82 28.8 81 31 81 33.4c0 2.3 0.8 4.8 3.3 4.8C86.5 38.2 87.7 36.1 87.7 33.8"
+      fill="#E30000"
+    />
+    <path
+      d="M76.3 40.2c0 1.2-1 2.2-2.2 2.2 -1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2C75.3 38 76.3 39 76.3 40.2"
+      fill="#E30000"
+    />
+    <path
+      d="M40.5 39.3c1.8 2.9 5.1 5 8.4 5.5 5.9 0.7 11.5-2.1 17.4 0.1 2.8 1 5.1 2.6 6.5 5 -1.2-0.5-2-0.9-3.5-1.4 -2.6-0.8-4.8-0.5-7.4-0.1 -5 0.7-9.9 2.3-14.7 0C43.6 46.7 41.4 43.1 40.5 39.3"
+      fill="#FFCD00"
+    />
+    <path
+      d="M34.1 16.5c0.4 1.6 0 3.1-0.2 5 -0.2 1.6 0.3 3.2 1.8 3.6 1.2 0.4 4 0.3 5.9 2 0.6 0.6 0.8 0.7 0.9 1.6 0.1 0.5 0 1.2-0.1 1.6 -0.5 1.4-1 2.7-1.8 3.8 -1.3 1.5-2.7 2.9-4.5 3.5 -3.3 1.1-5.3-2.2-7.9-3.6 -1.1-0.6-2.5-1-3.6 0.1 -1.7 1.7-1.5 4.3-0.6 6.2 1.8 3.5 5.5 6.6 8.1 9.2 -4.6 1.2-9.3 2.4-13.9 1.1 -2.2-0.6-4.2-3.3-5.1-5.4 -1.6-3.4-2.6-11.5-10.7-17.2 4 0.5 5.7 0.9 8.3-0.9 0.6-0.4 0.7-1.1 0.7-1.8C11 22.5 8.7 21 7.2 19.1c1.1 0.4 2.2 0.7 3.4 0.8 1.7 0.2 3.3-0.2 4.7-1 4.7-2.8-0.7-9.3-0.7-9.3s5 3.6 8.1 3.1c1.1-0.2 1.8-0.6 2.3-1.5 1.4-2.3 2.6-4.7 3.6-7.1 -0.2 2.2-0.5 4.6 0.1 6.7 0.6 2 2.3 2.4 3.9 3.5C33.3 14.7 33.9 15.2 34.1 16.5"
+      fill="#78BE20"
+    />
+    <path
+      d="M9.3 33.9c0.6 1.2 0.9 1.8 0.7 3.3 -0.1 0.9-0.8 1.4-1.4 1.8 0 0 0.6-2-0.2-3.5 -1.2-2.5-2.2-2.3-7.2-4.2C0.6 31.1 0 30.3 0 30.2c0-0.1 4 0.6 6 1.2C7.1 31.7 8.7 32.8 9.3 33.9"
+      fill="#004833"
+    />
+    <path
+      d="M25.5 19.4c-0.8 1.1-0.6 2.8 0.8 2.9 0.9 0 1.9-0.4 2.2-1.3 0.3-0.9-0.1-1.7-0.8-2.3C27 18.3 26.1 18.6 25.5 19.4"
+      fill="#fff"
+    />
+    <path
+      d="M7.3 21.3c1.1 0.6 2.3 1.5 3.3 2.5 1.1 1.1 2.5 3.8 0.7 5.9 -0.7 0.8-1.9 1.2-3 1.2 -1.7 0.1-3.8-0.5-5-1.4 0.3 0 4 0.7 5.8-0.2 0.6-0.3 1.2-1 0.8-2.6 -0.5-2.1-2.5-3.6-5.7-5.7 -0.4-0.2-0.6-0.7-0.8-1.2C3.3 19.6 5.3 20.1 7.3 21.3"
+      fill="#004833"
+    />
+    <path
+      d="M10.8 21.8c1.1 1 2.7 1.2 3.9 0.4 1.3-0.9 1.3-3.2 1-4.5C15 14 13 10.8 10.3 9.3c1.3 2.9 2.9 5.9 3.5 9 0.1 0.7 0.2 1.5-0.1 2.1 -0.7 1.4-3.2 0.5-4.5-0.2C9.7 20.8 10.8 21.8 10.8 21.8"
+      fill="#004833"
+    />
+    <path
+      d="M19.3 13c2.3-0.3 2.3-2.4 2.6-4.1 0.3-1.5 1-3 2-4.3 0.8-1 1.2-1.3 1.9-2.2C27.4 0.5 28.4 0 28.4 0s-3.3 5.3-4 7.9c-0.6 2.3 0.1 5.1-2.5 6.6 -2.2 1.2-4.4 0.2-5.9-1.1 -0.8-0.7-1.3-1.4-1.6-2.5C15.9 11.8 17.3 13.2 19.3 13"
+      fill="#004833"
+    />
+    <path
+      d="M28.1 12.4c1 1 2.2 1.4 3.4 2.2 1.1 0.7 1.8 1.5 2.2 2.7 0.5 1.7-0.3 3.5-0.2 5.3 0.2 3 2.3 2.9 5 3 1.6 0.1 4.4 1.4 4.1 3.7 -0.1 1-0.3 1.6-0.9 2.3 -0.7 0.5-1.5 0.8-2.1 0.3 1.3-0.4 1.8-0.9 1.9-2.3 0.1-0.7-0.4-1.5-0.7-1.7 -0.5-0.5-1.3-1.2-3.3-1.1 -1.5 0-2.8 0.1-4.2-0.9 -0.7-0.5-1-0.9-1.4-1.7 -0.9-1.9 0.3-4.1 0-6 -0.1-1-1.2-2-2.1-2.6 -1.4-0.9-3-1.4-3.9-3.1C24.8 10 25.9 7 27.5 4.6 27.4 7.2 26.2 10.3 28.1 12.4"
+      fill="#004833"
+    />
+    <path
+      d="M29.1 21.6c0.9-1 0.4-2.4-0.8-2.9 -0.6-0.3-1.5-0.4-2.2-0.2 -0.2 0.1-0.8 0.2-1.1 0.7 0.3-0.1 0.8-0.2 1.3-0.3 0.7 0 0.8 0.3 0.8 0.3s-0.9 0.2-1.1 1c-0.2 0.6 0 1.3 0.5 1.6C27.2 22.6 28.4 22.4 29.1 21.6"
+      fill="#004833"
+    />
+    <path
+      d="M16.7 21.1c0.9-1.3 1.9-2.5 3-3.5 -0.1 1.1-0.6 2.2-1.1 3.2 -2.5 5.2-4.6 8.8-5.4 15.7 -0.8 6.6 0.8 9.9 1.8 11.4 0.3 0.5 0.1 1.7-0.5 2.3C13.9 51 12.2 50 12.2 50s-0.3-0.8-0.6-1.6c-0.6-2.2-1-4.4-1.1-6.8C10.1 34.4 12.2 27.3 16.7 21.1"
+      fill="#004833"
+    />
+    <path
+      d="M32.6 30.6c2.4 1.8 5 2.8 7.6 3.9 -0.3 1-0.6 1.1-1.3 1.8 -1.8-0.5-3.7-1.3-4.9-2.5 -1.7-1.5-3-2.8-3.6-5C31.3 29.2 31.8 30 32.6 30.6"
+      fill="#004833"
+    />
+    <path
+      d="M27.1 32.4c2.6 0.4 3.5 2 5.3 3.6 1.4 1.2 2.9 2.1 4.9 1.7 -0.3 1.5-2.1 1.9-3.7 1.6 -2.7-0.4-3.2-2.5-5-4.4 -1.2-1.3-3.4-1.1-4.7 0.6 -1.7 2.1 0 5.7 1.4 7.4 1.5 1.8 2.8 3.1 4.3 4.5 0 0 2.1 2 3.2 3.5 -4.2-2.1-7-4-10-7.7 -1.4-1.8-1.7-3.3-1.8-5.1 0.1-1.7 0.2-2.9 1.4-4.3 1.2-1.5 2.9-1.8 4.9-1.5"
+      fill="#004833"
+    />
+    <path
+      d="M38.2 29.1c-0.5 0.2-1 0.8-0.8 1.3 0.2 0.6 0.9 0.7 1.5 0.3 0.2-0.2 0.3-0.5 0.4-0.7 0-0.4-0.3-0.8-0.8-1C38.4 29 38.3 29.1 38.2 29.1"
+      fill="#fff"
+    />
+    <path
+      d="M38.8 28.6c0.3 0 0.6 0.2 0.9 0.4 0.3 0.3 0.2 0.9-0.2 1.3 -0.5 0.4-1 0.5-1.5 0 -0.3-0.3-0.3-0.9 0-1.3C38.2 28.7 38.4 28.6 38.8 28.6"
+      fill="#004833"
+    />
+    <path
+      d="M131.5 34.4V42h-4V25.5c0 0 1.4-0.2 2.8 2 0.7-0.8 2.4-2 4.7-2 2.7 0 4.2 1.3 4.2 1.3s-0.6 0.8-1 1.8c-0.5 0.9-0.8 1.9-0.8 1.9s-1-0.9-2.2-0.9C133.8 29.6 131.5 30.7 131.5 34.4z"
+      fill="#E30000"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/stg-multibrand-large-logo.tsx

@@ -0,0 +1,56 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const STGMultibrandLargeLogo = ({
+  'aria-label': ariaLabel = 'St.George',
+  copyrightYear = '2023',
+  viewBoxWidth = 180,
+  viewBoxHeight = 65,
+  align = 'left',
+  offset = [null, 5, 10],
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[65px] w-[180px]', className)}
+    aria-label={ariaLabel}
+    align={align}
+    offset={offset}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      fill="#E30000"
+      d="M165.9525 38.2529C165.5835 36.0189 164.7045 34.8399 162.7485 34.8399 160.1975 34.8399 159.4595 37.0109 159.4035 38.2529L165.9525 38.2529zM169.7235 43.0319C168.5885 46.8179 166.1805 48.4329 162.8615 48.4329 158.2405 48.4329 155.3775 44.9569 155.3775 39.9899 155.3775 35.1809 158.4105 31.5189 162.8615 31.5189 167.8515 31.5189 170.2625 36.1109 169.9765 41.0459L159.4035 41.0459C159.5155 43.8399 160.7645 45.1109 163.0045 45.1109 164.1855 45.1109 165.2015 44.5299 165.7605 43.8299 166.1295 43.3459 166.7115 43.0319 167.3685 43.0319L169.7235 43.0319zM149.3743 39.7803C149.3743 37.1733 148.5533 34.8453 145.9443 34.8453 143.6763 34.8453 142.6843 37.0163 142.6843 39.4083 142.6843 41.7043 143.4783 44.2173 145.9443 44.2173 148.2403 44.2173 149.3743 42.0773 149.3743 39.7803M150.6663 33.1683C151.3573 32.1363 152.2403 31.5173 153.2023 31.5173L153.2023 46.9803C153.2023 49.6183 152.3523 54.0873 145.6033 54.0873 142.7123 54.0873 139.3393 52.5973 139.1413 48.9343L141.7943 48.9343C142.5253 48.9343 143.1673 49.3243 143.5203 49.9063 144.0793 50.8083 145.0533 51.1373 146.1433 51.1373 148.3833 51.1373 149.4033 49.4643 149.3743 47.1663L149.3743 45.0553 149.3183 45.0553C148.4393 46.7323 146.6823 47.5393 144.9233 47.5393 140.5293 47.5393 138.6583 43.9143 138.6583 39.5073 138.6583 34.6563 141.5123 31.5173 145.9163 31.5173 147.8263 31.5173 149.4443 32.1083 150.6663 33.1683M131.4515 40.4204L131.4515 47.9954 127.4245 47.9954 127.4245 31.5154C127.4245 31.5154 128.8125 31.3124 130.2325 33.5294 130.9065 32.6874 132.6725 31.5154 134.9225 31.5154 137.6405 31.5154 139.0975 32.8494 139.0975 32.8494 139.0975 32.8494 138.5475 33.6714 138.0775 34.6224 137.6205 35.5484 137.2415 36.5504 137.2415 36.5504 137.2415 36.5504 136.2465 35.6294 135.0375 35.6294 133.8285 35.6294 131.4515 36.6534 131.4515 40.4204M117.7659 31.5186C122.3869 31.5186 125.3639 34.8696 125.3639 39.9916 125.3639 45.0806 122.3869 48.4306 117.7659 48.4306 113.1739 48.4306 110.1979 45.0806 110.1979 39.9916 110.1979 34.8696 113.1739 31.5186 117.7659 31.5186M117.7659 45.1126C120.5149 45.1126 121.3379 42.5356 121.3379 39.9916 121.3379 37.4146 120.5149 34.8386 117.7659 34.8386 115.0449 34.8386 114.2229 37.4146 114.2229 39.9916 114.2229 42.5356 115.0449 45.1126 117.7659 45.1126M104.1029 38.2529C103.7339 36.0189 102.8559 34.8399 100.8989 34.8399 98.3479 34.8399 97.6099 37.0109 97.5539 38.2529L104.1029 38.2529zM107.8739 43.0319C106.7399 46.8179 104.3309 48.4329 101.0129 48.4329 96.3909 48.4329 93.5279 44.9569 93.5279 39.9899 93.5279 35.1809 96.5609 31.5189 101.0129 31.5189 106.0019 31.5189 108.4129 36.1109 108.1269 41.0459L97.5539 41.0459C97.6659 43.8399 98.9149 45.1109 101.1539 45.1109 102.3359 45.1109 103.3519 44.5299 103.9109 43.8299 104.2789 43.3459 104.8619 43.0319 105.5189 43.0319L107.8739 43.0319zM87.6624 39.7803C87.6624 37.1733 86.8424 34.8453 84.2324 34.8453 81.9654 34.8453 80.9724 37.0163 80.9724 39.4083 80.9724 41.7043 81.7664 44.2173 84.2324 44.2173 86.5294 44.2173 87.6624 42.0773 87.6624 39.7803M88.9554 33.1683C89.6464 32.1363 90.5294 31.5173 91.4904 31.5173L91.4904 46.9803C91.4904 49.6183 90.6414 54.0873 83.8924 54.0873 81.0024 54.0873 77.6284 52.5973 77.4294 48.9343L80.0834 48.9343C80.8164 48.9343 81.4574 49.3243 81.8084 49.9063 82.3674 50.8083 83.3414 51.1373 84.4324 51.1373 86.6724 51.1373 87.6914 49.4643 87.6624 47.1663L87.6624 45.0553 87.6074 45.0553C86.7284 46.7323 84.9704 47.5393 83.2134 47.5393 78.8184 47.5393 76.9474 43.9143 76.9474 39.5073 76.9474 34.6563 79.8024 31.5173 84.2054 31.5173 86.1154 31.5173 87.7344 32.1083 88.9554 33.1683M76.2786 46.2178C76.2786 47.4408 75.2826 48.4338 74.0506 48.4338 72.8236 48.4338 71.8266 47.4408 71.8266 46.2178 71.8266 44.9948 72.8236 44.0028 74.0506 44.0028 75.2826 44.0028 76.2786 44.9948 76.2786 46.2178M56.8763 36.6397C56.1053 36.6397 55.4383 36.2097 55.0983 35.5777 54.6473 34.7267 53.7083 34.4677 52.6233 34.4677 51.7153 34.4677 50.3833 34.6537 50.3833 35.9557 50.3833 37.5387 52.6503 37.7547 54.9473 38.3457 57.3013 38.9357 59.5973 39.8677 59.5973 42.8477 59.5973 47.0677 56.2513 48.4327 52.9063 48.4327 49.5043 48.4327 46.1883 47.0357 46.0163 42.7837L49.8443 42.7837C49.8723 44.7077 51.3463 45.4847 52.9363 45.4847 54.0973 45.4847 55.5703 44.9877 55.5703 43.4357 55.5703 42.1007 53.8983 41.6367 51.0063 40.9527 48.6823 40.3947 46.3553 39.4937 46.3553 36.6697 46.3553 32.5737 49.5893 31.5187 52.7343 31.5187 55.9393 31.5187 58.8893 32.6987 59.1993 36.6397L56.8763 36.6397zM67.1038 31.9531L70.0528 31.9531 70.0528 32.8981C70.0528 34.0051 69.1508 34.9011 68.0398 34.9011L67.1038 34.9011 67.1038 42.8481C67.1038 44.3361 67.4448 44.7091 68.8048 44.7091 69.2308 44.7091 69.6268 44.6771 70.0528 44.5851L70.0528 48.0281C69.3718 48.1531 68.4948 48.1831 67.6998 48.1831 65.2328 48.1831 63.0788 47.5621 63.0788 44.3651L63.0788 34.9011 60.6398 34.9011 60.6398 33.9561C60.6398 32.8491 61.5418 31.9531 62.6528 31.9531L63.0788 31.9531 63.0788 27.1411 65.0898 27.1411C66.2038 27.1411 67.1038 28.0401 67.1038 29.1441L67.1038 31.9531z"
+    />
+    <path
+      fill="#FFCD00"
+      d="M40.473,45.2979 C42.295,48.2189 45.602,50.3369 48.91,50.8159 C54.789,51.5609 60.397,48.7349 66.268,50.9109 C69.025,51.9049 71.338,53.5469 72.797,55.9269 C71.637,55.4059 70.815,55.0249 69.307,54.5469 C66.736,53.7429 64.526,54.0179 61.949,54.4609 C56.983,55.1709 52.01,56.7869 47.236,54.4709 C43.569,52.7339 41.376,49.0769 40.473,45.2979"
+    />
+    <path
+      fill="#78BE20"
+      d="M34.139,22.4717 C34.49,24.0487 34.164,25.5247 33.906,27.4327 C33.684,29.0757 34.207,30.6037 35.698,31.0757 C36.93,31.4647 39.681,31.3707 41.625,33.0297 C42.207,33.6097 42.385,33.7617 42.502,34.6397 C42.577,35.1817 42.498,35.8047 42.385,36.2817 C41.887,37.7267 41.393,39.0077 40.565,40.0387 C39.239,41.5797 37.869,42.9157 36.106,43.4997 C32.783,44.6027 30.799,41.3057 28.23,39.8567 C27.082,39.2477 25.752,38.8117 24.67,39.9417 C22.928,41.6177 23.201,44.2657 24.09,46.1687 C25.887,49.6367 29.578,52.7797 32.174,55.3197 C27.533,56.5307 22.895,57.7427 18.237,56.4367 C16.084,55.8307 14.059,53.1187 13.125,51.0197 C11.556,47.5867 10.516,39.4967 2.381,33.8147 C6.41,34.3017 8.041,34.7037 10.66,32.9577 C11.237,32.5457 11.41,31.8297 11.369,31.1897 C10.971,28.4657 8.739,27.0117 7.183,25.1137 C8.281,25.5157 9.391,25.8017 10.618,25.9497 C12.355,26.1577 13.871,25.7917 15.305,24.9417 C20.037,22.1287 14.584,15.6547 14.584,15.6547 C14.584,15.6547 19.578,19.2127 22.705,18.7247 C23.768,18.4777 24.479,18.1647 25.045,17.2027 C26.412,14.8867 27.652,12.5037 28.66,10.0807 C28.508,12.3267 28.143,14.6427 28.74,16.7517 C29.313,18.7577 31.067,19.1587 32.662,20.2747 C33.321,20.7137 33.856,21.2007 34.139,22.4717"
+    />
+    <path
+      fill="#FFF"
+      d="M25.5145,25.3711 C24.7105,26.5051 24.9415,28.1431 26.3455,28.3051 C27.1995,28.3421 28.2425,27.9171 28.5455,27.0201 C28.8505,26.1301 28.4475,25.3551 27.7775,24.7671 C27.0315,24.3021 26.0565,24.6031 25.5145,25.3711"
+    />
+    <path
+      fill="#004833"
+      d="M7.3245 27.2559C8.4355 27.8809 9.6435 28.7259 10.6015 29.7069 11.6705 30.8039 13.1115 33.5109 11.2795 35.5859 10.5745 36.3749 9.4185 36.7469 8.3145 36.7889 6.6605 36.8979 4.4825 36.2679 3.2665 35.3559 3.5335 35.3509 7.2525 36.0559 9.0335 35.1529 9.5975 34.8679 10.2585 34.1099 9.8525 32.5339 9.3245 30.4729 7.3815 28.9319 4.1355 26.8689 3.7555 26.6269 3.4885 26.1629 3.3305 25.6299 3.3305 25.6299 5.2995 26.1159 7.3245 27.2559M10.8411 27.8252C11.9761 28.8732 13.5221 29.0572 14.7771 28.2002 16.1121 27.2922 16.0691 25.0262 15.7811 23.7012 14.9831 20.0212 12.9801 16.8162 10.3101 15.2732 11.6351 18.1272 13.2521 21.1972 13.7771 24.2752 13.9001 24.9952 13.9941 25.8022 13.7181 26.3632 13.0601 27.7202 10.5081 26.8342 9.2301 26.1692 9.7071 26.7752 10.8411 27.8252 10.8411 27.8252M19.3192 18.9766C21.5922 18.7056 21.6292 16.5446 21.9462 14.8576 22.2342 13.3306 22.9262 11.8826 23.9842 10.5556 24.7582 9.5816 25.2022 9.2126 25.8792 8.3906 27.3972 6.5466 28.4312 5.9996 28.4312 5.9996 28.4312 5.9996 25.1192 11.2936 24.4202 13.9176 23.7952 16.2466 24.4982 18.9746 21.9382 20.4856 19.7442 21.6496 17.5802 20.6466 16.0652 19.3966 15.2292 18.6866 14.7542 17.9806 14.4712 16.8566 15.9182 17.8026 17.2542 19.2246 19.3192 18.9766M28.1165 18.3535C29.0725 19.3945 30.3245 19.7145 31.5175 20.5195 32.6155 21.2595 33.3165 22.0085 33.7005 23.1965 34.2015 24.8975 33.3685 26.7045 33.4745 28.5395 33.6425 31.5615 35.7435 31.4365 38.4825 31.5325 40.0665 31.5895 42.9295 32.9025 42.6135 35.2555 42.4845 36.2255 42.3375 36.8645 41.7065 37.5145 41.0475 38.0565 40.2385 38.2675 39.6055 37.7875 40.9335 37.3455 41.3735 36.8665 41.4885 35.5155 41.5545 34.7715 41.0785 34.0295 40.8105 33.7875 40.2695 33.2975 39.4935 32.6255 37.5435 32.6865 36.0355 32.7305 34.7825 32.7565 33.3775 31.7655 32.6645 31.2615 32.4025 30.8165 32.0125 30.0695 31.1275 28.1665 32.2735 25.9775 32.0545 24.0745 31.9515 23.1185 30.8775 22.0415 29.9705 21.4495 28.5215 20.5005 26.9765 20.0285 26.0665 18.3615 24.7675 15.9775 25.8785 12.9575 27.4515 10.5685 27.3905 13.2265 26.1815 16.2595 28.1165 18.3535M29.0731 27.6358C29.9311 26.6108 29.4971 25.2728 28.2911 24.7118 27.6431 24.3948 26.8161 24.3548 26.0521 24.5348 25.8211 24.5888 25.2401 24.6998 24.9711 25.2308 25.2561 25.1398 25.8131 24.9878 26.2391 24.9738 26.9081 24.9598 27.0861 25.2348 27.0861 25.2348 27.0861 25.2348 26.2061 25.4748 25.9561 26.2388 25.7461 26.8768 25.9971 27.5658 26.4731 27.8758 27.1721 28.5578 28.4351 28.4018 29.0731 27.6358M16.7093 27.0801C17.6453 25.7901 18.5983 24.5921 19.7033 23.5671 19.6213 24.6901 19.0843 25.7461 18.6483 26.7711 16.1563 31.9881 14.0843 35.5381 13.2933 42.4381 12.5353 49.0571 14.0543 52.3141 15.0743 53.8421 15.4203 54.3821 15.1473 55.4951 14.6153 56.1271 13.9053 56.9761 12.1703 55.9931 12.1703 55.9931 12.1703 55.9931 11.8553 55.1501 11.5633 54.3651 10.9453 52.1581 10.5583 49.9791 10.4593 47.5991 10.1393 40.3511 12.2093 33.2991 16.7093 27.0801M32.598 36.6113C35.027 38.4373 37.615 39.4523 40.195 40.4633 39.864 41.4573 39.62 41.5933 38.881 42.2723 37.094 41.7703 35.223 40.9663 33.941 39.7443 32.247 38.2203 30.989 36.9263 30.371 34.7163 31.262 35.1903 31.786 36.0043 32.598 36.6113M27.0526 38.3545C29.6246 38.7845 30.5976 40.3705 32.3086 41.9925 33.7016 43.1735 35.2516 44.0865 37.1666 43.6685 36.8476 45.2015 35.0706 45.5195 33.4536 45.2825 30.7856 44.8585 30.2226 42.7575 28.4626 40.9265 27.2786 39.6755 25.0836 39.8525 23.7846 41.4895 22.0356 43.6095 23.7796 47.1995 25.1936 48.9105 26.6746 50.7025 27.9606 51.9665 29.4556 53.4475 29.4556 53.4475 31.5426 55.4825 32.6936 56.9155 28.5156 54.7925 25.6706 52.9555 22.7306 49.2585 21.3306 47.4985 21.0546 45.9825 20.9686 44.1455 21.0356 42.4785 21.1956 41.2485 22.3296 39.8795 23.5606 38.3925 25.2086 38.0425 27.1856 38.3755"
+    />
+    <path
+      fill="#FFF"
+      d="M38.2327,35.1084 C37.6977,35.2864 37.2807,35.8694 37.3987,36.3774 C37.6467,36.9594 38.3437,37.0674 38.9217,36.6514 C39.1077,36.4754 39.2677,36.2004 39.3297,35.9614 C39.3357,35.5184 39.0337,35.1764 38.5457,35.0054 C38.4397,35.0384 38.3387,35.0734 38.2327,35.1084"
+    />
+    <path
+      fill="#004833"
+      d="M38.7523 34.582C39.0743 34.577 39.4003 34.734 39.6113 34.933 39.9513 35.249 39.8223 35.853 39.4513 36.199 38.9753 36.578 38.4333 36.65 37.9983 36.24 37.6953 35.895 37.6813 35.352 38.0333 34.904 38.2013 34.693 38.4153 34.586 38.7523 34.582M9.2542 39.8545C9.8812 41.0325 10.1292 41.6545 9.9202 43.1815 9.7932 44.1015 9.1252 44.6235 8.5172 45.0175 8.5172 45.0175 9.0802 43.0285 8.3042 41.4835 7.0632 39.0115 6.0622 39.1445 1.1252 37.2935.6312 37.1085-.0098 36.3455.0002 36.2265.0102 36.1065 3.9732 36.7905 6.0002 37.3795 7.1352 37.7085 8.6852 38.7805 9.2542 39.8545"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/stg-multibrand-small-logo.tsx

@@ -0,0 +1,56 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const STGMultibrandSmallLogo = ({
+  'aria-label': ariaLabel = 'St.George',
+  copyrightYear = '2023',
+  viewBoxWidth = 122,
+  viewBoxHeight = 44,
+  align = 'left',
+  offset = [null, 34, 68],
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[44px] w-[122px]', className)}
+    aria-label={ariaLabel}
+    align={align}
+    offset={offset}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      fill="#78BE20"
+      d="M25.3243,15.2735 C25.5843,16.4485 25.3433,17.5465 25.1503,18.9695 C24.9863,20.1935 25.3753,21.3325 26.4803,21.6835 C27.3943,21.9745 29.4353,21.9045 30.8783,23.1395 C31.3083,23.5715 31.4413,23.6855 31.5293,24.3385 C31.5823,24.7435 31.5253,25.2085 31.4413,25.5625 C31.0703,26.6395 30.7053,27.5945 30.0913,28.3625 C29.1073,29.5115 28.0923,30.5055 26.7833,30.9415 C24.3183,31.7635 22.8453,29.3065 20.9413,28.2265 C20.0893,27.7735 19.1013,27.4485 18.3003,28.2895 C17.0093,29.5385 17.2093,31.5125 17.8713,32.9295 C19.2033,35.5135 21.9413,37.8555 23.8673,39.7475 C20.4243,40.6505 16.9823,41.5525 13.5273,40.5805 C11.9313,40.1285 10.4283,38.1085 9.7363,36.5445 C8.5723,33.9865 7.8013,27.9585 1.7653,23.7245 C4.7553,24.0865 5.9663,24.3875 7.9083,23.0855 C8.3343,22.7795 8.4633,22.2465 8.4333,21.7685 C8.1373,19.7395 6.4823,18.6565 5.3283,17.2415 C6.1423,17.5415 6.9663,17.7535 7.8773,17.8645 C9.1643,18.0185 10.2893,17.7475 11.3533,17.1135 C14.8633,15.0175 10.8183,10.1935 10.8183,10.1935 C10.8183,10.1935 14.5233,12.8455 16.8433,12.4815 C17.6313,12.2965 18.1583,12.0645 18.5783,11.3475 C19.5923,9.6215 20.5123,7.8465 21.2593,6.0405 C21.1463,7.7135 20.8753,9.4405 21.3183,11.0115 C21.7443,12.5055 23.0453,12.8055 24.2273,13.6355 C24.7173,13.9625 25.1133,14.3255 25.3243,15.2735"
+    />
+    <path
+      fill="#004833"
+      d="M5.4337,18.8379 C6.2577,19.3029 7.1537,19.9329 7.8637,20.6629 C8.6567,21.4809 9.7257,23.4969 8.3677,25.0449 C7.8437,25.6329 6.9867,25.9089 6.1677,25.9409 C4.9407,26.0219 3.3257,25.5529 2.4237,24.8719 C2.6207,24.8689 5.3787,25.3949 6.7007,24.7229 C7.1197,24.5099 7.6097,23.9439 7.3087,22.7719 C6.9157,21.2339 5.4757,20.0869 3.0677,18.5499 C2.7857,18.3689 2.5877,18.0229 2.4687,17.6269 C2.4687,17.6269 3.9297,17.9879 5.4337,18.8379"
+    />
+    <path
+      fill="#FFCD00"
+      d="M30.0216,32.2813 C31.3736,34.4573 33.8276,36.0363 36.2816,36.3923 C40.6426,36.9473 44.8026,34.8413 49.1576,36.4633 C51.2026,37.2043 52.9176,38.4273 54.0006,40.2003 C53.1406,39.8123 52.5306,39.5283 51.4126,39.1723 C49.5036,38.5733 47.8656,38.7773 45.9536,39.1083 C42.2696,39.6373 38.5806,40.8413 35.0396,39.1153 C32.3196,37.8213 30.6936,35.0963 30.0216,32.2813"
+    />
+    <path
+      fill="#FFF"
+      d="M18.9268,17.4326 C18.3298,18.2786 18.5018,19.4986 19.5428,19.6196 C20.1758,19.6476 20.9508,19.3296 21.1758,18.6626 C21.4018,17.9986 21.1028,17.4216 20.6058,16.9846 C20.0518,16.6356 19.3278,16.8626 18.9268,17.4326"
+    />
+    <path
+      fill="#004833"
+      d="M8.0411 19.2617C8.8831 20.0427 10.0301 20.1797 10.9611 19.5417 11.9511 18.8657 11.9201 17.1757 11.7071 16.1907 11.1141 13.4477 9.6291 11.0597 7.6481 9.9097 8.6311 12.0357 9.8301 14.3247 10.2201 16.6167 10.3111 17.1537 10.3811 17.7537 10.1761 18.1727 9.6881 19.1827 7.7951 18.5247 6.8471 18.0287 7.2011 18.4807 8.0411 19.2617 8.0411 19.2617M14.3311 12.669C16.0181 12.468 16.0441 10.857 16.2791 9.6 16.4921 8.463 17.0061 7.384 17.7911 6.395 18.3651 5.669 18.6951 5.394 19.1971 4.78 20.3221 3.407 21.0911 3 21.0911 3 21.0911 3 18.6331 6.944 18.1151 8.899 17.6501 10.635 18.1731 12.668 16.2731 13.793 14.6461 14.659 13.0411 13.913 11.9161 12.981 11.2971 12.452 10.9431 11.927 10.7341 11.089 11.8091 11.794 12.7991 12.853 14.3311 12.669M20.8565 12.2041C21.5655 12.9801 22.4945 13.2191 23.3785 13.8181 24.1935 14.3691 24.7125 14.9281 24.9985 15.8131 25.3715 17.0801 24.7535 18.4281 24.8315 19.7951 24.9565 22.0461 26.5135 21.9521 28.5465 22.0241 29.7205 22.0661 31.8455 23.0461 31.6115 24.7991 31.5155 25.5211 31.4055 25.9961 30.9375 26.4811 30.4485 26.8861 29.8475 27.0431 29.3785 26.6841 30.3655 26.3551 30.6905 25.9981 30.7765 24.9921 30.8245 24.4371 30.4705 23.8851 30.2735 23.7041 29.8715 23.3401 29.2965 22.8401 27.8495 22.8841 26.7315 22.9161 25.8005 22.9351 24.7595 22.1971 24.2305 21.8221 24.0365 21.4901 23.7465 20.9331 23.0895 19.5161 23.9395 17.8861 23.7785 16.4681 23.7025 15.7551 22.9045 14.9521 22.2325 14.5121 21.1575 13.8051 20.0095 13.4521 19.3355 12.2111 18.3725 10.4341 19.1965 8.1831 20.3645 6.4031 20.3185 8.3851 19.4215 10.6441 20.8565 12.2041M21.5665 19.1211C22.2035 18.3551 21.8805 17.3601 20.9865 16.9421 20.5055 16.7061 19.8915 16.6761 19.3265 16.8091 19.1535 16.8501 18.7225 16.9331 18.5235 17.3291 18.7345 17.2621 19.1475 17.1471 19.4625 17.1371 19.9615 17.1271 20.0915 17.3321 20.0915 17.3321 20.0915 17.3321 19.4395 17.5101 19.2535 18.0791 19.0985 18.5561 19.2845 19.0691 19.6365 19.2991 20.1565 19.8081 21.0915 19.6901 21.5665 19.1211M12.3946 18.7071C13.0876 17.7461 13.7946 16.8531 14.6156 16.0891 14.5546 16.9261 14.1576 17.7131 13.8336 18.4771 11.9846 22.3641 10.4476 25.0091 9.8616 30.1491 9.2986 35.0811 10.4236 37.5091 11.1816 38.6461 11.4386 39.0501 11.2356 39.8791 10.8416 40.3501 10.3156 40.9811 9.0276 40.2501 9.0276 40.2501 9.0276 40.2501 8.7926 39.6221 8.5776 39.0371 8.1196 37.3931 7.8326 35.7691 7.7576 33.9951 7.5216 28.5961 9.0566 23.3411 12.3946 18.7071M24.1807 25.8086C25.9827 27.1686 27.9017 27.9256 29.8157 28.6776 29.5707 29.4196 29.3907 29.5206 28.8417 30.0266 27.5157 29.6526 26.1267 29.0536 25.1757 28.1426 23.9197 27.0076 22.9877 26.0436 22.5297 24.3966 23.1897 24.7496 23.5777 25.3556 24.1807 25.8086M20.0665 27.1075C21.9745 27.4275 22.6975 28.6095 23.9655 29.8175 25.0005 30.6975 26.1485 31.3785 27.5705 31.0675 27.3345 32.2095 26.0135 32.4465 24.8145 32.2695 22.8375 31.9535 22.4185 30.3875 21.1135 29.0235 20.2345 28.0905 18.6075 28.2235 17.6425 29.4435 16.3455 31.0235 17.6385 33.6975 18.6875 34.9725 19.7875 36.3075 20.7415 37.2495 21.8495 38.3535 21.8495 38.3535 23.3985 39.8695 24.2515 40.9375 21.1525 39.3565 19.0425 37.9865 16.8615 35.2325 15.8225 33.9195 15.6185 32.7915 15.5545 31.4215 15.6035 30.1795 15.7225 29.2635 16.5645 28.2435 17.4765 27.1355 18.6995 26.8755 20.1665 27.1235"
+    />
+    <path
+      fill="#FFF"
+      d="M28.3604,24.6885 C27.9634,24.8215 27.6554,25.2555 27.7414,25.6335 C27.9254,26.0675 28.4434,26.1485 28.8724,25.8385 C29.0094,25.7075 29.1294,25.5015 29.1734,25.3245 C29.1794,24.9935 28.9544,24.7405 28.5934,24.6125 C28.5154,24.6365 28.4394,24.6625 28.3604,24.6885"
+    />
+    <path
+      fill="#004833"
+      d="M28.7462 24.2959C28.9862 24.2929 29.2262 24.4099 29.3842 24.5579 29.6352 24.7929 29.5412 25.2439 29.2642 25.5019 28.9122 25.7839 28.5092 25.8379 28.1852 25.5319 27.9632 25.2749 27.9512 24.8699 28.2132 24.5369 28.3372 24.3799 28.4962 24.2989 28.7462 24.2959M6.8643 28.2246C7.3303 29.1026 7.5133 29.5656 7.3583 30.7036 7.2633 31.3886 6.7693 31.7776 6.3173 32.0716 6.3173 32.0716 6.7353 30.5896 6.1593 29.4386 5.2393 27.5976 4.4963 27.6956.8343 26.3176.4683 26.1786-.0067 25.6106.0003 25.5216.0083 25.4316 2.9473 25.9416 4.4513 26.3816 5.2933 26.6266 6.4423 27.4246 6.8643 28.2246"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/wbc-logo.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 function WBCLogo({
+  'aria-label': ariaLabel = 'Westpac',
+  copyrightYear = '2023',
+  viewBoxWidth = 69,
+  viewBoxHeight = 28,
+  className,
+  ...props
+}: SymbolProps) {
+  return (
+    <Symbol
+      className={clsx('h-[28px] w-[69px]', className)}
+      aria-label={ariaLabel}
+      copyrightYear={copyrightYear}
+      viewBoxWidth={viewBoxWidth}
+      viewBoxHeight={viewBoxHeight}
+      {...props}
+    >
+      <path
+        d="M24.4 25L17.6 4.1C16.7 0.9 15 0 12.6 0H0c1 0.4 1.6 2.9 1.6 2.9l6.1 21c0.7 2.6 2.9 4 5.4 4h13.3C25.4 27.8 24.4 25 24.4 25"
+        fill="#DA1710"
+      />
+      <path
+        d="M44.6 25l6.8-20.9C52.3 0.9 54 0 56.4 0H69c-1 0.4-1.6 2.9-1.6 2.9l-6.1 21c-0.7 2.6-2.9 4-5.4 4H42.6C43.6 27.8 44.6 25 44.6 25"
+        fill="#DA1710"
+      />
+      <rect x="27" width="15" height="28" fill="#DA1710" />
+    </Symbol>
+  );
+}

package/src/components/symbol/components/logos/wbc-multibrand-large-logo.tsx

@@ -0,0 +1,33 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const WBCMultibrandLargeLogo = ({
+  'aria-label': ariaLabel = 'Westpac',
+  copyrightYear = '2023',
+  viewBoxWidth = 180,
+  viewBoxHeight = 65,
+  align = 'left',
+  offset = [null, 55.5, 111],
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[65px] w-[180px]', className)}
+    aria-label={ariaLabel}
+    align={align}
+    offset={offset}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      fill="#DA1710"
+      d="M24.385 45.038s1.047 2.79 2.002 2.962H13.072c-2.481 0-4.668-1.39-5.366-4.03L1.643 22.941S.987 20.401 0 20.001h12.561c2.479 0 4.101.901 5.061 4.1l6.763 20.937zm20.227 0l6.767-20.937c.958-3.199 2.579-4.1 5.059-4.1H69c-.99.4-1.642 2.94-1.642 2.94l-6.065 21.03c-.7 2.638-2.886 4.03-5.364 4.03H42.613c.953-.174 1.998-2.963 1.998-2.963zM27 48V20h15v28H27z"
+      fillRule="evenodd"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/wbc-multibrand-small-logo.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 function WBCMultibrandSmallLogo({
+  'aria-label': ariaLabel = 'Westpac',
+  copyrightYear = '2023',
+  viewBoxWidth = 122,
+  viewBoxHeight = 44,
+  align = 'left',
+  offset = [null, 35, 70],
+  className,
+  ...props
+}: SymbolProps) {
+  return (
+    <Symbol
+      className={clsx('h-[44px] w-[122px]', className)}
+      aria-label={ariaLabel}
+      align={align}
+      offset={offset}
+      copyrightYear={copyrightYear}
+      viewBoxWidth={viewBoxWidth}
+      viewBoxHeight={viewBoxHeight}
+      {...props}
+    >
+      <path
+        fill="#DA1710"
+        d="M33.515 30.778l5.128-15.703C39.368 12.677 40.598 12 42.478 12H52c-.748.301-1.243 2.206-1.243 2.206l-4.598 15.771C45.628 31.957 43.97 33 42.092 33H32c.723-.13 1.516-2.222 1.516-2.222zm-15.033 0S19.275 32.87 20 33H9.908c-1.881 0-3.538-1.043-4.068-3.023l-4.596-15.77S.748 12.3 0 12h9.52c1.879 0 3.108.677 3.836 3.075l5.126 15.703zM20.5 33V12h11v21h-11z"
+        fillRule="evenodd"
+      />
+    </Symbol>
+  );
+}

package/src/components/symbol/components/logos/wbg-internal-logo.tsx

@@ -0,0 +1,38 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const WBGInternalLogo = ({
+  'aria-label': ariaLabel = 'We Are Westpac Group',
+  copyrightYear = '2023',
+  viewBoxWidth = 233,
+  viewBoxHeight = 48,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[48px] w-[233px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g fill="none" fillRule="evenodd">
+      <path
+        fill="#000"
+        d="M81 44h148V4H81v40zm-4 4h156V0H77v48zM63.21 17.86c.005-.09-.024-.233-.086-.434-.148-.467-.41-.613-.845-.805a2.758 2.758 0 00-.966-.253 1.817 1.817 0 00-.331.01c-.905.167-1.811.342-2.717.528-.895.184-1.73.484-2.593.776-1.022.344-2.211.532-1.955 1.895.075.395.293.418.555.647.409.355.373.672.32 1.158-.079.723-.01 1.479-.166 2.19-.031.144-.177.287-.438.43-.247.136-.343.464-.282.727.078.338.307.52.594.695-.12 1.236-.073 2.626.147 4.172.073.533.328 1.005.763 1.42.435.411.91.672 1.426.779 1.64.353 5.43.38 5.772.306.34-.075.51-.165.657-.411.146-.246.187-.51.123-.794-.195-.85-.614-1.185-1.053-1.088-.185.033-.246.076-.404.215-.16.14-.313.212-.46.217-2.115.164-3.612-.034-4.491-.593-.157-.297-.245-.705-.262-1.222-.027-.765.11-1.815.409-3.146.505-.215 1.186-.345 2.045-.393.565-.03 1.137-.021 1.694-.138.274-.058.545-.144.787-.284.296-.172.819-.56.627-.952-.071-.149-.178-.27-.273-.402-.073-.101-.176-.13-.29-.173a2.29 2.29 0 00-.332-.101 2.964 2.964 0 00-.752-.063c-.275.01-.703.07-1.283.178-.582.11-1.01.17-1.283.18a2.968 2.968 0 01-1.02-.126c.017-1.606-.1-2.793.088-3.248.688-.232 1.7-.492 3.033-.78 1.332-.288 2.344-.548 3.033-.78a.409.409 0 00.21-.337m-17.236 5.498c.037-.45.037-1.029 0-1.739a43.824 43.824 0 01-.082-1.739c0-.553.046-1.046.137-1.48.11-.259.384-.388.822-.388.585 0 1.01.146 1.275.44.265.295.425.623.48.987.018.243 0 .519-.055.83-.202.987-1.06 2.017-2.577 3.09m4.934 5.24c-1.072-.922-2.055-1.936-3.153-2.827-.382-.31-.576-.579-.576-.804 0-.208.166-.398.494-.57a5.909 5.909 0 002.029-1.715c.64-.812.96-1.625.96-2.439 0-.969-.338-1.87-1.014-2.7-.732-.9-1.59-1.366-2.578-1.402-1.955-.086-3.024.407-3.207 1.48-.273 1.61-.411 3.591-.411 5.944v2.83a60.829 60.829 0 01-.137 3.581l-.137.935a6.579 6.579 0 00-.11 1.038c0 .883.402 1.41 1.207 1.584.127.034.288.008.48-.079.286-.129.401-.18.433-.484.03-.292.124-.586.171-.877.116-.727.184-1.461.23-2.194.147-1.903.248-3.08.303-3.53.785.64 1.242 1.339 2.851 2.982.685.7 1.387 1.385 2.118 2.04.426.38.815.827 1.324 1.108.333.184.479.064.812-.075.307-.128.68-.345.68-.71 0-.087-.017-.118-.083-.234-.148-.268-1.425-1.808-2.686-2.882m-15.44-2.982a49.383 49.383 0 011.425-4.31c.164.693.337 1.386.52 2.077.183.796.302 1.515.357 2.155-1.243 0-2.011.026-2.303.078m3.454-5.218c-.073-.35-.191-1.418-.301-2.128-.147-.831-.476-1.454-.987-1.87a1.093 1.093 0 00-.686-.233c-.347 0-.575.122-.685.364-.475 1.09-1.014 2.656-1.618 4.698-.713 2.353-1.234 3.963-1.562 4.828-.036.121-.205.212-.507.273-.302.06-.494.139-.576.234-.083.095-.123.185-.123.271 0 .105.128.251.384.442.256.19.375.363.356.52-.055.535-.356 1.436-.904 2.699-.458 1.107-.658 1.99-.604 2.648.037.327.358.588.96.778.475.139.786.052.932-.26.292-.657.593-1.618.905-2.881.329-1.367.592-2.319.794-2.855.402-.329.96-.537 1.673-.623.62-.053 1.242-.103 1.864-.156.346.883.648 1.982.904 3.297.1.512.275 1.04.625 1.447.201.233.482.462.781.565.376.13.65-.097.924-.325.31-.26.466-.562.466-.909 0-.207-.054-.45-.165-.726-.986-2.648-2.776-9.749-2.85-10.098m-14.188-2.136c0-.994-1.156-1.392-1.973-1.392-.129 0-.238.01-.329.027-.896.214-1.792.437-2.687.67-1.023.266-1.874.57-2.55.908-.727.289-1.775.465-2.207 1.166-.633 1.025-.039 1.685 1.002 1.885-.11 1.552-.183 2.4-.22 2.542-.037.143-.187.28-.452.414-.265.135-.407.282-.425.442-.055.321.174.65.685.99-.164 1.231-.164 2.623 0 4.174.055.536.293 1.017.713 1.446.42.427.887.704 1.398.829 1.627.41 3.545.58 5.757.509a.816.816 0 00.671-.389c.156-.24.206-.503.15-.789-.08-.422-.165-.852-.639-.93-.438-.072-.826-.004-1.251.014-1.19.05-2.458.045-3.6-.335-.451-.15-.814-.305-.995-.77-.2-.513-.106-.9-.047-1.43.086-.805.27-1.6.475-2.383.512-.195 1.197-.302 2.056-.32.588-.01 1.18-.022 1.762-.1.425-.058 1.077-.094 1.345-.475.312-.443-.073-1.058-.256-1.165-.366-.214-.805-.321-1.316-.321-.274 0-.704.045-1.289.134-.584.09-1.014.134-1.288.134-.383 0-.721-.053-1.014-.16.072-1.606.191-2.64.356-3.105.676-.267 1.673-.58 2.989-.936 1.315-.357 2.311-.67 2.987-.937a.409.409 0 00.192-.347M12.16 17.04c-.411 0-.683.119-.812.355-.617 1.186-1.122 2.717-1.514 4.595a343.43 343.43 0 00-.924 4.84c-.075-.328-.271-1.55-.589-3.664-.12-.87-.283-1.741-.546-2.582a9.19 9.19 0 00-.18-.525c-.053-.14-.102-.363-.204-.474-.24-.265-.777-.358-1.115-.358-.71 0-1.177.42-1.401 1.258-.15.694-.854 3.078-1.05 3.925-.197.848-.37 1.427-.518 1.736-.412-4.43-.92-8.563-1.066-8.942-.146-.379-.682-.684-1.204-.684-.15 0-.448.055-.448.055s-.365.128-.477.328a.824.824 0 00-.084.629c.336 1.276.602 3.3.799 6.071.195 2.772.461 4.814.798 6.126l.336 1.532c.187.583.643.915 1.12.985.478.069.635.09.786-.055.505-.475.943-1.587 1.317-3.337.428-2.023.774-3.29 1.037-3.802.148 1.04.308 2.016.475 2.927.336 1.732.514 2.643.533 2.735.213 1.12.793 1.677 1.485 2.024.185.09.401.137.643.137.525 0 .841-.183.954-.548.41-1.294.816-3.318 1.218-6.071.402-2.752.827-4.804 1.275-6.154.018-.072.168-.4.45-.984.222-.437.334-.783.334-1.038 0-.383-.214-.675-.644-.876a1.773 1.773 0 00-.784-.164"
+      />
+      <path
+        fill="#000"
+        d="M205.192 25.89v-7.487h4.32c2.749 0 4.627 1.266 4.627 3.69v.043c0 2.27-1.922 3.754-4.757 3.754h-4.19zm-1.133 6.74h1.133v-5.694h4.124c3.187 0 5.957-1.66 5.957-4.866v-.044c0-2.944-2.312-4.669-5.674-4.669h-5.54V32.63zm-10.276.243c3.708 0 6.26-2.338 6.26-6.723v-8.793h-1.133v8.927c0 3.686-1.986 5.562-5.086 5.562-3.23 0-5.172-2.073-5.172-5.674v-8.815h-1.134v8.927c0 4.275 2.598 6.589 6.265 6.589zm-17.08-1.007c-3.776 0-6.526-3.097-6.526-6.874v-.042c0-3.775 2.708-6.83 6.482-6.83s6.524 3.098 6.524 6.872v.046c0 3.776-2.705 6.828-6.48 6.828zm-.044 1.027c4.624 0 7.703-3.73 7.703-7.9v-.043c0-4.168-3.036-7.856-7.659-7.856-4.625 0-7.704 3.732-7.704 7.898v.046c0 4.168 3.035 7.855 7.66 7.855zm-20.86-7.616v-6.874h5.212c2.772 0 4.387 1.29 4.387 3.339v.045c0 2.203-1.898 3.49-4.45 3.49H155.8zm-1.136 7.353h1.137v-6.326h4.994l4.867 6.326h1.439l-5.04-6.523c2.575-.349 4.473-1.81 4.473-4.365V21.7a4.024 4.024 0 00-1.159-2.84c-.915-.915-2.421-1.503-4.295-1.503h-6.416V32.63zm-9.756.263c2.486 0 4.625-1.07 6-2.29V24.71h-6.196v1.047h5.106v4.385c-1.115.94-2.925 1.745-4.867 1.745-4.082 0-6.547-2.944-6.547-6.896v-.042c0-3.688 2.598-6.83 6.308-6.83 2.312 0 3.707.785 4.91 1.832l.741-.848c-1.528-1.268-3.098-2.01-5.587-2.01-4.56 0-7.55 3.774-7.55 7.898v.046c0 4.3 2.859 7.855 7.682 7.855z"
+      />
+      <path
+        fill="#DA1710"
+        d="M134 17c-.575.23-.956 1.68-.956 1.68l-3.537 12.017c-.408 1.508-1.683 2.303-3.128 2.303h-7.764c.556-.099 1.166-1.693 1.166-1.693l3.945-11.964c.558-1.827 1.504-2.343 2.95-2.343H134zm-32.677 0c1.446 0 2.391.516 2.951 2.343l3.943 11.964s.61 1.594 1.168 1.693h-7.763c-1.447 0-2.722-.795-3.13-2.303L94.957 18.68S94.575 17.229 94 17h7.323zm16.908 0v16h-8.462V17h8.462z"
+      />
+    </g>
+  </Symbol>
+);

package/src/components/symbol/components/logos/wbg-logo.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 WBGLogo = ({
+  'aria-label': ariaLabel = 'Westpac Group',
+  copyrightYear = '2023',
+  viewBoxWidth = 213,
+  viewBoxHeight = 28,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[28px] w-[213px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      fill="#000"
+      d="M194.435 15.545V2.453h7.552c4.808 0 8.092 2.214 8.092 6.451v.077c0 3.969-3.36 6.564-8.318 6.564h-7.326zm-1.983 11.786h1.983v-9.957h7.21c5.574 0 10.418-2.901 10.418-8.508v-.077c0-5.15-4.043-8.165-9.923-8.165h-9.688v26.707zm-17.969.425c6.484 0 10.948-4.088 10.948-11.755V.624h-1.982v15.61c0 6.445-3.472 9.726-8.893 9.726-5.647 0-9.045-3.625-9.045-9.921V.624h-1.982v15.61c0 7.476 4.543 11.522 10.954 11.522zm-29.865-1.761c-6.604 0-11.413-5.416-11.413-12.02v-.073c0-6.602 4.735-11.943 11.336-11.943 6.599 0 11.407 5.417 11.407 12.016v.08c0 6.604-4.729 11.94-11.33 11.94zm-.077 1.795c8.085 0 13.469-6.522 13.469-13.815v-.073c0-7.288-5.309-13.737-13.392-13.737-8.089 0-13.471 6.526-13.471 13.81v.08c0 7.29 5.305 13.735 13.394 13.735zm-36.476-13.317V2.453h9.113c4.847 0 7.671 2.255 7.671 5.839v.08c0 3.85-3.319 6.1-7.782 6.1h-9.002zm-1.988 12.858h1.988V16.27h8.733l8.51 11.062h2.517l-8.813-11.407c4.502-.61 7.82-3.166 7.82-7.632v-.074c0-1.91-.761-3.701-2.025-4.964-1.6-1.601-4.234-2.63-7.51-2.63h-11.22v26.707zm-17.06.46c4.348 0 8.089-1.87 10.491-4.005V13.484H88.676v1.83h8.927v7.668c-1.949 1.643-5.115 3.051-8.51 3.051-7.138 0-11.448-5.148-11.448-12.058v-.073c0-6.45 4.543-11.943 11.03-11.943 4.043 0 6.481 1.372 8.587 3.204l1.295-1.485C95.884 1.462 93.139.165 88.787.165c-7.974 0-13.203 6.599-13.203 13.81v.08c0 7.52 5 13.735 13.433 13.735z"
+    />
+    <path
+      fill="#DA1710"
+      d="M12.561 0c2.479 0 4.101.902 5.061 4.101l6.763 20.937s1.047 2.79 2.002 2.962H13.072c-2.481 0-4.668-1.39-5.366-4.03L1.643 2.941S.987.401 0 .001zm56.44 0c-.99.401-1.642 2.941-1.642 2.941l-6.065 21.03c-.7 2.638-2.886 4.03-5.364 4.03H42.613c.953-.174 1.998-2.963 1.998-2.963L51.38 4.101c.958-3.199 2.579-4.1 5.059-4.1H69zM42 0v28H27V0h15z"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/wbg-multibrand-large-logo.tsx

@@ -0,0 +1,36 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const WBGMultibrandLargeLogo = ({
+  'aria-label': ariaLabel = 'Westpac Group',
+  copyrightYear = '2023',
+  viewBoxWidth = 180,
+  viewBoxHeight = 65,
+  align = 'left',
+  offset = [null, 10.475, 20.95],
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[65px] w-[180px]', className)}
+    aria-label={ariaLabel}
+    align={align}
+    offset={offset}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      fill="#000"
+      d="M145.826 33.658V23.84h5.664c3.606 0 6.07 1.66 6.07 4.838v.058c0 2.977-2.52 4.922-6.24 4.922h-5.494zm-1.487 8.84h1.487V35.03h5.408c4.18 0 7.813-2.175 7.813-6.38v-.058c0-3.862-3.032-6.124-7.442-6.124h-7.266v20.03zm-13.477.319c4.863 0 8.211-3.066 8.211-8.816V22.468h-1.487v11.707c0 4.834-2.603 7.295-6.669 7.295-4.235 0-6.784-2.719-6.784-7.44V22.467h-1.486v11.707c0 5.607 3.407 8.642 8.215 8.642zm-22.399-1.321c-4.953 0-8.559-4.062-8.559-9.015v-.054c0-4.952 3.551-8.958 8.502-8.958 4.949 0 8.555 4.063 8.555 9.012v.06c0 4.953-3.547 8.955-8.498 8.955zm-.057 1.347c6.063 0 10.101-4.892 10.101-10.362v-.054c0-5.467-3.981-10.303-10.044-10.303-6.066 0-10.103 4.894-10.103 10.357v.06c0 5.467 3.98 10.302 10.046 10.302zm-27.357-9.988V23.84h6.834c3.635 0 5.754 1.691 5.754 4.379v.06c0 2.888-2.49 4.576-5.837 4.576H81.05zm-1.49 9.643h1.49v-8.297h6.55l6.382 8.297h1.888l-6.61-8.555c3.377-.457 5.866-2.374 5.866-5.724v-.055a5.278 5.278 0 00-1.52-3.724c-1.2-1.2-3.175-1.972-5.632-1.972h-8.415v20.03zm-12.796.345c3.261 0 6.066-1.402 7.868-3.003v-7.727h-8.124v1.373h6.695v5.75c-1.461 1.233-3.836 2.289-6.382 2.289-5.354 0-8.586-3.861-8.586-9.044v-.054c0-4.837 3.407-8.958 8.273-8.958 3.032 0 4.86 1.029 6.44 2.403l.97-1.113c-2.004-1.663-4.063-2.635-7.327-2.635-5.98 0-9.902 4.949-9.902 10.357v.06c0 5.64 3.75 10.302 10.075 10.302z"
+    />
+    <path
+      fill="#DA1710"
+      d="M52 22c-.749.301-1.244 2.206-1.244 2.206l-4.598 15.771C45.628 41.957 43.97 43 42.092 43H32c.723-.13 1.516-2.222 1.516-2.222l5.128-15.703C39.368 22.677 40.598 22 42.478 22H52zM9.52 22c1.879 0 3.108.677 3.836 3.075l5.126 15.703S19.275 42.87 20 43H9.908c-1.881 0-3.538-1.043-4.068-3.023L1.244 24.206S.748 22.301 0 22h9.52zm21.98 0v21h-11V22h11z"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/wbg-multibrand-small-logo.tsx

@@ -0,0 +1,36 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const WBGMultibrandSmallLogo = ({
+  'aria-label': ariaLabel = 'Westpac Group',
+  copyrightYear = '2023',
+  viewBoxWidth = 122,
+  viewBoxHeight = 44,
+  align = 'left',
+  offset = [null, null, 0.73],
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[44px] w-[122px]', className)}
+    aria-label={ariaLabel}
+    align={align}
+    offset={offset}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      fill="#000"
+      d="M111.192 22.89v-7.487h4.32c2.749 0 4.627 1.266 4.627 3.69v.043c0 2.27-1.922 3.754-4.757 3.754h-4.19zm-1.133 6.74h1.133v-5.694h4.124c3.187 0 5.957-1.66 5.957-4.866v-.044c0-2.944-2.312-4.669-5.674-4.669h-5.54V29.63zm-10.276.243c3.708 0 6.26-2.338 6.26-6.723v-8.793h-1.133v8.927c0 3.686-1.986 5.562-5.086 5.562-3.23 0-5.172-2.073-5.172-5.674v-8.815h-1.134v8.927c0 4.275 2.598 6.589 6.265 6.589zm-17.08-1.007c-3.776 0-6.526-3.097-6.526-6.874v-.042c0-3.775 2.708-6.83 6.482-6.83s6.524 3.098 6.524 6.872v.046c0 3.776-2.705 6.828-6.48 6.828zm-.044 1.027c4.624 0 7.703-3.73 7.703-7.9v-.043c0-4.168-3.036-7.856-7.659-7.856-4.625 0-7.704 3.732-7.704 7.898v.046c0 4.168 3.035 7.855 7.66 7.855zM61.8 22.277v-6.874h5.212c2.772 0 4.387 1.29 4.387 3.339v.045c0 2.203-1.898 3.49-4.45 3.49H61.8zm-1.136 7.353H61.8v-6.326h4.994l4.867 6.326H73.1l-5.04-6.523c2.575-.349 4.473-1.81 4.473-4.365V18.7a4.024 4.024 0 00-1.159-2.84c-.915-.915-2.421-1.503-4.295-1.503h-6.416V29.63zm-9.756.263c2.486 0 4.625-1.07 6-2.29V21.71H50.71v1.047h5.106v4.385c-1.115.94-2.925 1.745-4.867 1.745-4.082 0-6.547-2.944-6.547-6.896v-.042c0-3.688 2.598-6.83 6.308-6.83 2.312 0 3.707.785 4.91 1.832l.741-.848c-1.528-1.268-3.098-2.01-5.587-2.01-4.56 0-7.55 3.774-7.55 7.898v.046c0 4.3 2.859 7.855 7.682 7.855z"
+    />
+    <path
+      fill="#DA1710"
+      d="M40 14c-.575.23-.956 1.68-.956 1.68l-3.537 12.017C35.099 29.205 33.824 30 32.379 30h-7.764c.556-.099 1.166-1.693 1.166-1.693l3.945-11.964C30.284 14.516 31.23 14 32.676 14H40zM7.323 14c1.446 0 2.391.516 2.951 2.343l3.943 11.964s.61 1.594 1.168 1.693H7.622c-1.447 0-2.722-.795-3.13-2.303L.957 15.68S.575 14.229 0 14h7.323zm16.908 0v16H15.77V14h8.462z"
+    />
+  </Symbol>
+);