@westpac/ui 0.2.0 → 0.3.0

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

@@ -0,0 +1,50 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export function BOMMultibrandSmallLogo({
+  'aria-label': ariaLabel = 'Bank of Melbourne',
+  copyrightYear = '2023',
+  viewBoxWidth = 122,
+  viewBoxHeight = 44,
+  align = 'left',
+  offset = [null, 48, 96],
+  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}
+    >
+      <polygon fill="#685AC0" points="0 16.001 6.5 9.501 0 3.001" />
+      <polygon fill="#A094FC" points=".001 3.001 6.501 9.501 13 3.001" />
+      <polygon fill="#685AC0" points="13 16.001 13 3.001 6.5 9.502" />
+      <polygon fill="#20024E" points=".001 16.001 13 16.001 6.5 9.501" />
+      <polygon fill="#C2BFEB" points="13 3.001 13 16.001 19.5 9.501" />
+      <polygon fill="#685AC0" points="26 3.001 13 3.001 19.5 9.501" />
+      <polygon fill="#20024E" points="26 16 26 3 19.5 9.502" />
+      <polygon fill="#685AC0" points="13.001 16.001 26 16.001 19.5 9.501" />
+      <polygon fill="#C2BFEB" points="13 16.001 13 29.001 19.5 22.501" />
+      <polygon fill="#A094FC" points="26 16 13 16.001 19.5 22.501" />
+      <polygon fill="#685AC0" points="26 29 26 16 19.5 22.502" />
+      <polygon fill="#20024E" points="13.001 29.001 26 29 19.5 22.501" />
+      <polygon fill="#685AC0" points="0 29.001 6.5 22.5 0 16" />
+      <polygon fill="#C2BFEB" points=".001 16.001 6.501 22.501 13 16.001" />
+      <polygon fill="#20024E" points="13 29.001 13 16.001 6.5 22.502" />
+      <polygon fill="#A094FC" points=".001 29.001 13 29.001 6.5 22.5" />
+      <polygon fill="#C2BFEB" points="13 42 19.501 35.501 13 29.001" />
+      <polygon fill="#685AC0" points="26 29 13 29 19.5 35.501" />
+      <polygon fill="#C2BFEB" points="0 29 6.501 35.501 13 29" />
+      <polygon fill="#20024E" points="6.5 35.502 13 42 13 29.001" />
+    </Symbol>
+  );
+}

package/src/components/symbol/components/logos/bom-shield-logo.tsx

@@ -0,0 +1,47 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export function BOMShieldLogo({
+  'aria-label': ariaLabel = 'Bank of Melbourne',
+  copyrightYear = '2023',
+  viewBoxWidth = 26,
+  viewBoxHeight = 39,
+  className,
+  ...props
+}: SymbolProps) {
+  return (
+    <Symbol
+      className={clsx('h-[39px] w-[26px]', className)}
+      aria-label={ariaLabel}
+      copyrightYear={copyrightYear}
+      viewBoxWidth={viewBoxWidth}
+      viewBoxHeight={viewBoxHeight}
+      {...props}
+    >
+      {' '}
+      <polygon points="0 0 0 13 6.5 6.5 " fill="#685AC0" />
+      <polygon points="13 0 0 0 6.5 6.5 " fill="#A094FC" />
+      <polygon points="13 13 13 0 6.5 6.5 " fill="#685AC0" />
+      <polygon points="0 13 13 13 6.5 6.5 " fill="#20024E" />
+      <polygon points="13 0 13 13 19.5 6.5 " fill="#C2BFEB" />
+      <polygon points="26 0 13 0 19.5 6.5 " fill="#685AC0" />
+      <polygon points="26 13 26 0 19.5 6.5 " fill="#20024E" />
+      <polygon points="13 13 26 13 19.5 6.5 " fill="#685AC0" />
+      <polygon points="13 13 13 26 19.5 19.5 " fill="#C2BFEB" />
+      <polygon points="26 13 13 13 19.5 19.5 " fill="#A094FC" />
+      <polygon points="26 26 26 13 19.5 19.5 " fill="#685AC0" />
+      <polygon points="13 26 26 26 19.5 19.5 " fill="#20024E" />
+      <polygon points="0 13 0 26 6.5 19.5 " fill="#685AC0" />
+      <polygon points="13 13 0 13 6.5 19.5 " fill="#C2BFEB" />
+      <polygon points="13 26 13 13 6.5 19.5 " fill="#20024E" />
+      <polygon points="0 26 13 26 6.5 19.5 " fill="#A094FC" />
+      <polygon points="13 26 13 39 19.5 32.5 " fill="#C2BFEB" />
+      <polygon points="26 26 13 26 19.5 32.5 " fill="#685AC0" />
+      <polygon points="13 26 0 26 6.5 32.5 " fill="#C2BFEB" />
+      <polygon points="13 39 13 26 6.5 32.5 " fill="#20024E" />
+    </Symbol>
+  );
+}

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

@@ -0,0 +1,52 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const BSALogo = ({
+  'aria-label': ariaLabel = 'Bank SA',
+  copyrightYear = '2023',
+  viewBoxWidth = 90,
+  viewBoxHeight = 41,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[41px] w-[90px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M58 25.5c-0.9 0-2-0.5-2-1.5V2c0-1 1-2 2-2h30c1 0 2 1 2 2v38.2c0 0.5-0.4 0.8-0.9 0.8 -0.6 0-0.8-0.5-0.9-0.8C79.7 25.5 58.9 25.5 58 25.5z"
+      fill="#E91B2B"
+    />
+    <path
+      d="M80 7l-2.1 8.5c0 0 0 0.1 0.1 0.1l4.4 0c0 0 0.1 0 0.1-0.1L80.4 7C80.3 6.6 80.1 6.6 80 7zM82.3 2.8c0.4 0 0.7 0.2 0.7 0.5l4.7 18.3c0.1 0.2 0.1 0.4 0.1 0.5 0 0.3-0.3 0.6-0.7 0.6l-2.3 0c-0.4 0-0.6-0.3-0.7-0.6l-0.9-3.5c0 0 0 0-0.1 0l-5.9 0c0 0 0 0-0.1 0l-0.9 3.5c-0.1 0.3-0.3 0.6-0.7 0.6l-2.3 0c-0.4 0-0.7-0.3-0.7-0.6 0 0 0-0.3 0.1-0.5l4.7-18.3c0.1-0.3 0.3-0.5 0.7-0.5L82.3 2.8z"
+      fill="#fff"
+    />
+    <path
+      d="M62.3 7.5c0 1.4 0.7 1.9 2.3 2.8l3.5 2c2.4 1.4 3.3 2.9 3.3 5.5 0 3.5-2.7 5.3-6.5 5.3 -3.7 0-6.4-1.8-6.4-5.4l0-1.2c0-0.4 0.4-0.8 0.9-0.8l2 0c0.5 0 0.9 0.4 0.9 0.8l0 1.2c0 1.4 1.1 2.3 2.6 2.3 1.7 0 2.6-0.7 2.6-2.2h0c0-1.8-1.5-2.6-2.6-3.2L61 12.4c-1.8-1-2.5-3-2.5-4.6 0-3.5 2.6-5.6 6.5-5.6 3.7 0 6.4 1.9 6.4 5.5l0 0.6C71.4 8.7 71 9 70.5 9l-2 0c-0.5 0-0.9-0.4-0.9-0.8l0-0.6C67.6 6.2 66.7 5 65 5 63.3 5 62.3 5.9 62.3 7.5L62.3 7.5z"
+      fill="#fff"
+    />
+    <path
+      d="M21.5 15.7C21.5 15.6 21.5 15.6 21.5 15.7l-3.6 1.4c-1 0.4-1.2 1.1-1.2 1.7 0 1 0.3 1.9 2.3 1.9 1.4 0 2.4-1 2.4-2.2L21.5 15.7zM13 19.2c0-2.3 1.2-3.6 3.1-4.3l3.8-1.4c1.2-0.4 1.6-0.8 1.6-1.6 0-1-0.8-1.7-2.2-1.7 -1.3 0-2.2 0.7-2.2 1.8l0 0c0 0.4-0.4 0.8-0.9 0.8l-1.7 0c-0.5 0-0.9-0.4-0.9-0.8l0 0c0-2.6 2.3-4.6 5.7-4.6 3.7 0 5.5 2.2 5.5 4.9l0 9.8c0 0.4-0.4 0.8-0.9 0.8l-1.7 0c-0.5 0-0.9-0.4-0.9-0.8l0-0.1c0-0.3-0.1-0.3-0.3-0.1 -0.9 0.9-2.2 1.4-3.6 1.4C15.6 23.2 13 22.2 13 19.2"
+      fill="#002F6C"
+    />
+    <path
+      d="M41.1 3.8C41.1 3.4 41.5 3 42 3l1.7 0c0.5 0 0.9 0.4 0.9 0.8l0 9.6c0 0.3 0.1 0.3 0.3 0.1l3.9-4.6c0.3-0.4 0.5-0.6 1-0.6l2.1 0c0.5 0 0.8 0.2 0.8 0.5 0 0.1-0.1 0.4-0.2 0.5l-4.4 5.2c-0.1 0.1-0.1 0.2 0 0.2l5 7c0.1 0.2 0.1 0.3 0.1 0.4 0 0.4-0.4 0.7-0.9 0.7l-1.9 0c-0.5 0-0.8-0.4-1.1-0.8l-4.3-6.2c-0.2-0.3-0.3-0.2-0.3 0.1l0 6.1c0 0.4-0.4 0.8-0.9 0.8l-1.7 0c-0.5 0-0.9-0.4-0.9-0.8L41.1 3.8z"
+      fill="#002F6C"
+    />
+    <path
+      d="M38.8 11.6c0-2.2-1.7-4.2-4.1-4.2 -1.5 0-2.8 0.6-3.5 1.6 -0.2 0.3-0.3 0.2-0.3-0.1V8.7c0-0.4-0.4-0.8-0.9-0.8l-1.7 0c-0.5 0-0.9 0.4-0.9 0.8l0 5v7.9h0l0 0.6c0 0.4 0.4 0.8 0.9 0.8l1.7 0c0.5 0 0.9-0.4 0.9-0.8l0-0.7v-9.9c0.3-0.5 0.9-1.1 1.7-1.3 0.2 0 0.4-0.1 0.6-0.1 0.7 0 1.2 0.2 1.6 0.6 0 0 0 0 0 0 0 0 0 0 0.1 0.1 0.3 0.3 0.5 0.7 0.5 1.1 0 0.2 0 0.3 0 0.5l0 9.7c0 0.4 0.4 0.8 0.9 0.8l1.7 0c0.5 0 0.9-0.4 0.9-0.8L38.8 11.6z"
+      fill="#002F6C"
+    />
+    <path
+      d="M11.5 11.3c0-2.1-1.9-3.9-4.1-3.9C5.8 7.4 4.6 8 3.9 9 3.7 9.3 3.5 9.2 3.5 8.9l0-5.1C3.5 3.4 3.1 3 2.6 3L0.9 3C0.4 3 0 3.4 0 3.8l0 18.3c0 0.4 0.4 0.8 0.9 0.8l1.7 0c0.5 0 0.9-0.4 0.9-0.8v-0.2c0-0.3 0.1-0.4 0.3-0.1 0.7 1 2 1.4 3.5 1.4 2.3 0 4.1-1.6 4.1-4 0 0 0.1-1.5 0.1-3.9S11.5 11.3 11.5 11.3zM8 18.3c0 1.3-0.8 2.2-2.2 2.2 -0.9 0-1.9-0.6-2.2-1.4v-7.4c0.4-0.8 1.3-1.3 2.2-1.3 1.4 0 2.2 0.9 2.2 2.2 0 0 0 0.8 0 2.6C8 17.2 8 18.3 8 18.3z"
+      fill="#002F6C"
+    />
+  </Symbol>
+);

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

@@ -0,0 +1,40 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const BSAMultibrandLargeLogo = ({
+  'aria-label': ariaLabel = 'Bank SA',
+  copyrightYear = '2023',
+  viewBoxWidth = 180,
+  viewBoxHeight = 65,
+  align = 'left',
+  offset = [null, 45, 90],
+  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="#D81B2B"
+      d="M58,43.5002 C57.063,43.5002 56,43.0002 56,42.0002 L56,20.0002 C56,19.0162 57.028,17.9972 58,18.0002 L88,18.0002 C88.984,17.9842 90,19.0312 90,20.0002 L90,58.1592 C90,58.6092 89.576,59.0002 89.053,59.0002 C89.053,59.0002 89.375,59.0002 89.053,59.0002 C88.475,59.0002 88.252,58.4782 88.105,58.2212 C79.685,43.4862 58.937,43.5002 58,43.5002"
+    />
+    <path
+      fill="#FFF"
+      d="M82.292 20.7609C82.667 20.7609 82.947 20.9859 83.009 21.2659L87.722 39.6079C87.785 39.8329 87.816 40.0579 87.816 40.0849 87.816 40.3949 87.535 40.6749 87.129 40.6749L84.82 40.6749C84.445 40.6749 84.227 40.3949 84.133 40.0579L83.209 36.5619C83.202 36.5359 83.179 36.5189 83.152 36.5189L77.25 36.5189C77.224 36.5189 77.2 36.5359 77.193 36.5619L76.269 40.0579C76.175 40.3949 75.957 40.6749 75.582 40.6749L73.272 40.6749C72.866 40.6749 72.585 40.3949 72.585 40.0849 72.585 40.0579 72.617 39.8329 72.679 39.6079L77.392 21.2659C77.455 20.9859 77.735 20.7609 78.109 20.7609L82.292 20.7609zM80.023 24.9969L77.94 33.5249C77.931 33.5619 77.959 33.5969 77.997 33.5969L82.405 33.5969C82.443 33.5969 82.471 33.5619 82.462 33.5249L80.378 24.9969C80.28 24.5979 80.121 24.5979 80.023 24.9969L80.023 24.9969zM62.3076 25.4875C62.3076 26.8445 63.0256 27.4175 64.5856 28.3155L68.0846 30.3475C70.4556 31.7235 71.4216 33.2325 71.4216 35.8455 71.4216 39.3845 68.7686 41.1155 64.9296 41.1155 61.2466 41.1155 58.4996 39.3545 58.4996 35.7595L58.5186 34.6075C58.5186 34.1865 58.9246 33.8215 59.4236 33.8215L61.4026 33.8215C61.9016 33.8215 62.3076 34.1865 62.3076 34.6085L62.3076 35.7595C62.3076 37.1925 63.3696 38.1015 64.9296 38.1015 66.6456 38.1015 67.5496 37.4115 67.5496 35.8665L67.5506 35.8665C67.5506 34.0845 66.0316 33.3045 64.9386 32.6585L61.0196 30.3585C59.2356 29.3315 58.4996 27.3885 58.4996 25.7885 58.4996 22.2495 61.0596 20.1425 64.9916 20.1425 68.7056 20.1425 71.4206 21.9965 71.4206 25.6205L71.4026 26.2385C71.4026 26.6595 70.9966 27.0245 70.4976 27.0245L68.5186 27.0245C68.0186 27.0245 67.6146 26.6595 67.6136 26.2385L67.6136 25.6205C67.6136 24.1865 66.7076 23.0325 64.9916 23.0325 63.2756 23.0325 62.3076 23.9415 62.3076 25.4875"
+    />
+    <path
+      fill="#002F6C"
+      d="M13.0493 37.1887C13.0493 34.8597 14.2343 33.5967 16.1043 32.8967L19.9073 31.4927C21.0913 31.0437 21.4963 30.7357 21.4963 29.9217 21.4963 28.9127 20.6863 28.2107 19.3153 28.2107 18.0363 28.2107 17.1643 28.9397 17.1643 30.0347L17.1643 30.0667C17.1643 30.4867 16.7583 30.8517 16.2913 30.8517L14.6393 30.8517C14.1403 30.8517 13.7663 30.4867 13.7663 30.0667L13.7663 30.0347C13.7663 27.3967 16.1043 25.4057 19.5013 25.4057 23.2113 25.4057 24.9883 27.5927 24.9883 30.2877L24.9883 40.1057C24.9883 40.5267 24.5833 40.8917 24.0843 40.8917L22.4013 40.8917C21.9023 40.8917 21.4973 40.5267 21.4973 40.1057L21.4973 39.9667C21.4973 39.7157 21.3623 39.6657 21.1843 39.8427 20.2963 40.7347 18.9793 41.2007 17.5383 41.2007 15.6363 41.2007 13.0493 40.2177 13.0493 37.1887L13.0493 37.1887zM21.4963 33.6577C21.4963 33.6157 21.4543 33.5867 21.4153 33.6037L17.9433 35.0847C16.9463 35.5037 16.7583 36.2347 16.7583 36.7667 16.7583 37.7217 17.0703 38.6747 19.0653 38.6747 20.4673 38.6747 21.4973 37.6367 21.4973 36.4877L21.4963 33.6577zM41.0635 21.7863C41.0635 21.3653 41.4685 21.0003 41.9675 21.0003L43.6825 21.0003C44.1805 21.0003 44.5855 21.3653 44.5855 21.7863L44.5855 31.3623C44.5855 31.6353 44.7305 31.6873 44.9065 31.4793L48.7945 26.8923C49.1375 26.4993 49.3245 26.2743 49.8235 26.2743L51.9115 26.2743C52.3785 26.2743 52.7535 26.4713 52.7535 26.8073 52.7535 26.9483 52.6905 27.1723 52.5665 27.3413L48.1385 32.5633C48.0845 32.6273 48.0805 32.7193 48.1285 32.7873L53.0965 39.7413C53.2205 39.9103 53.2205 40.0783 53.2205 40.1903 53.2205 40.6103 52.8475 40.8913 52.2855 40.8913L50.3535 40.8913C49.8555 40.8913 49.5115 40.4993 49.2625 40.1053L44.9165 33.9003C44.7345 33.6403 44.5855 33.6873 44.5855 34.0053L44.5865 40.1053C44.5865 40.5263 44.1815 40.8913 43.6825 40.8913L41.9675 40.8913C41.4685 40.8913 41.0635 40.5263 41.0635 40.1053L41.0635 21.7863zM38.8154 29.5578C38.8154 27.3978 37.1014 25.4058 34.7004 25.4058 33.1624 25.4058 31.8944 26.0358 31.1664 27.0188 30.9764 27.2758 30.8354 27.2348 30.8354 26.9148L30.8354 26.6668C30.8354 26.2458 30.4304 25.8818 29.9314 25.8818L28.2164 25.8818C27.7184 25.8818 27.3134 26.2458 27.3134 26.6668L27.3134 31.6188 27.3134 39.5068 27.3134 39.5068 27.3134 40.1058C27.3134 40.5268 27.7184 40.8918 28.2174 40.8918L29.9314 40.8918C30.4304 40.8918 30.8354 40.5268 30.8354 40.1058L30.8354 39.4398 30.8354 29.5348C31.1294 28.9858 31.7654 28.4288 32.5064 28.2818 32.6864 28.2378 32.8774 28.2108 33.0804 28.2108 33.7394 28.2108 34.2654 28.4118 34.6404 28.7608 34.6484 28.7678 34.6554 28.7758 34.6634 28.7828 34.6824 28.7998 34.7014 28.8178 34.7194 28.8358 35.0264 29.1328 35.2164 29.5168 35.2494 29.9398 35.2774 30.1028 35.2934 30.2748 35.2934 30.4548L35.2934 40.1058C35.2934 40.5268 35.6984 40.8918 36.1974 40.8918L37.9114 40.8918C38.4104 40.8918 38.8154 40.5268 38.8154 40.1058L38.8154 29.5578zM7.9805 36.3186C7.9805 37.6656 7.1695 38.5626 5.7675 38.5626 4.8835 38.5626 3.8925 38.0116 3.5225 37.2086L3.5225 29.8036C3.8815 29.0156 4.8365 28.4916 5.7675 28.4916 7.1695 28.4916 7.9805 29.4176 7.9805 30.7356 7.9805 30.7356 8.0175 31.4966 8.0175 33.3476 8.0175 35.2006 7.9805 36.3186 7.9805 36.3186M11.4655 29.2766C11.4655 27.1446 9.6015 25.4056 7.3875 25.4056 5.8495 25.4056 4.5815 26.0356 3.8535 27.0186 3.6635 27.2756 3.5225 27.2346 3.5225 26.9156L3.5225 21.7866C3.5225 21.3656 3.1175 21.0006 2.6185 21.0006L.9035 21.0006C.4055 21.0006.0005 21.3656.0005 21.7866L.0005 40.1056C.0005 40.5266.4055 40.8916.9045 40.8916L2.6195 40.8916C3.1175 40.8916 3.5225 40.5266 3.5225 40.1056L3.5225 39.8586C3.5225 39.5396 3.6635 39.4986 3.8535 39.7556 4.5815 40.7386 5.8495 41.2016 7.3885 41.2016 9.6945 41.2016 11.4655 39.5736 11.4655 37.2156 11.4655 37.2156 11.5395 35.6946 11.5395 33.3536 11.5395 31.0126 11.4655 29.2766 11.4655 29.2766"
+    />
+  </Symbol>
+);

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

@@ -0,0 +1,40 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const BSAMultibrandSmallLogo = ({
+  'aria-label': ariaLabel = 'Bank SA',
+  copyrightYear = '2023',
+  viewBoxHeight = 44,
+  viewBoxWidth = 122,
+  align = 'left',
+  offset = [null, 26, 52],
+  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="#D81B2B"
+      d="M44.5,30 C43.525,30 43,29.528 43,28.5 L43,11.5 C43,10.548 43.526,10 44.5,10 L68.5,10 C69.46,10 70,10.516 70,11.5 L70,41.344 C70,41.695 69.663,42 69.248,42 C69.248,42 69.504,42 69.248,42 C68.789,42 68.616,41.59 68.495,41.392 C61.391,29.694 44.5,30 44.5,30"
+    />
+    <path
+      fill="#FFF"
+      d="M63.7041 12.147C63.9961 12.147 64.2141 12.322 64.2621 12.54L67.9281 26.806C67.9761 26.981 68.0011 27.156 68.0011 27.178 68.0011 27.418 67.7821 27.636 67.4671 27.636L65.6701 27.636C65.3791 27.636 65.2091 27.418 65.1361 27.156L64.4171 24.437C64.4121 24.417 64.3941 24.403 64.3731 24.403L59.7831 24.403C59.7621 24.403 59.7441 24.417 59.7391 24.437L59.0191 27.156C58.9471 27.418 58.7771 27.636 58.4851 27.636L56.6891 27.636C56.3731 27.636 56.1551 27.418 56.1551 27.178 56.1551 27.156 56.1791 26.98 56.2271 26.806L59.8931 12.54C59.9421 12.322 60.1601 12.147 60.4511 12.147L63.7041 12.147zM61.9401 15.441L60.3191 22.074C60.3121 22.104 60.3341 22.131 60.3641 22.131L63.7921 22.131C63.8221 22.131 63.8431 22.104 63.8361 22.074L62.2161 15.441C62.1401 15.132 62.0161 15.132 61.9401 15.441L61.9401 15.441zM48.1606 15.8232C48.1606 16.8802 48.7196 17.3242 49.9326 18.0232L52.6536 19.6032C54.4986 20.6742 55.2486 21.8472 55.2486 23.8802 55.2496 26.6332 53.1856 27.9782 50.2006 27.9782 47.3356 27.9782 45.1996 26.6092 45.1996 23.8132L45.2136 22.9172C45.2136 22.5892 45.5296 22.3052 45.9176 22.3052L47.4566 22.3052C47.8456 22.3052 48.1606 22.5902 48.1606 22.9172L48.1606 23.8132C48.1606 24.9272 48.9866 25.6342 50.2006 25.6342 51.5356 25.6342 52.2376 25.0972 52.2376 23.8962L52.2386 23.8962C52.2386 22.5102 51.0566 21.9032 50.2066 21.4002L47.1586 19.6122C45.7716 18.8132 45.1996 17.3022 45.1996 16.0572 45.1996 13.3042 47.1896 11.6662 50.2486 11.6662 53.1376 11.6662 55.2486 13.1082 55.2486 15.9272L55.2346 16.4072C55.2346 16.7342 54.9186 17.0182 54.5306 17.0182L52.9916 17.0182C52.6026 17.0182 52.2876 16.7342 52.2876 16.4072L52.2876 15.9272C52.2876 14.8122 51.5836 13.9142 50.2486 13.9142 48.9136 13.9142 48.1606 14.6212 48.1606 15.8232"
+    />
+    <path
+      fill="#002F6C"
+      d="M10.1494 24.9238C10.1494 23.1128 11.0704 22.1308 12.5254 21.5858L15.4834 20.4938C16.4044 20.1458 16.7194 19.9048 16.7194 19.2728 16.7194 18.4868 16.0894 17.9418 15.0224 17.9418 14.0284 17.9418 13.3494 18.5088 13.3494 19.3598L13.3494 19.3848C13.3494 19.7118 13.0344 19.9948 12.6704 19.9948L11.3854 19.9948C10.9984 19.9948 10.7074 19.7118 10.7074 19.3848L10.7074 19.3598C10.7074 17.3088 12.5254 15.7598 15.1684 15.7598 18.0534 15.7598 19.4354 17.4608 19.4354 19.5568L19.4354 27.1938C19.4354 27.5208 19.1204 27.8048 18.7324 27.8048L17.4224 27.8048C17.0344 27.8048 16.7194 27.5208 16.7194 27.1938L16.7194 27.0848C16.7194 26.8898 16.6144 26.8508 16.4774 26.9888 15.7864 27.6828 14.7614 28.0448 13.6414 28.0448 12.1624 28.0448 10.1494 27.2798 10.1494 24.9238L10.1494 24.9238zM16.7194 22.1778C16.7194 22.1458 16.6864 22.1228 16.6564 22.1358L13.9554 23.2878C13.1804 23.6138 13.0344 24.1818 13.0344 24.5968 13.0344 25.3388 13.2764 26.0808 14.8284 26.0808 15.9194 26.0808 16.7194 25.2738 16.7194 24.3788L16.7194 22.1778zM32 12.9443C32 12.6173 32.315 12.3333 32.703 12.3333L34.037 12.3333C34.424 12.3333 34.74 12.6173 34.74 12.9443L34.74 20.3923C34.74 20.6043 34.852 20.6453 34.989 20.4843L38.013 16.9163C38.279 16.6103 38.425 16.4353 38.813 16.4353L40.438 16.4353C40.801 16.4353 41.092 16.5893 41.092 16.8503 41.092 16.9603 41.043 17.1333 40.946 17.2653L37.502 21.3273C37.46 21.3763 37.458 21.4483 37.495 21.5013L41.359 26.9103C41.456 27.0413 41.456 27.1723 41.456 27.2583 41.456 27.5863 41.165 27.8043 40.728 27.8043L39.225 27.8043C38.837 27.8043 38.57 27.4993 38.376 27.1933L34.997 22.3673C34.855 22.1653 34.74 22.2023 34.74 22.4483L34.74 27.1933C34.74 27.5203 34.425 27.8043 34.037 27.8043L32.703 27.8043C32.315 27.8043 32 27.5203 32 27.1933L32 12.9443zM30.1899 18.9893C30.1899 17.3083 28.8569 15.7603 26.9889 15.7603 25.7929 15.7603 24.8059 16.2503 24.2399 17.0143 24.0929 17.2143 23.9829 17.1813 23.9829 16.9333L23.9829 16.7413C23.9829 16.4143 23.6679 16.1313 23.2799 16.1313L21.9469 16.1313C21.5589 16.1313 21.2439 16.4143 21.2439 16.7413L21.2439 20.5923 21.2439 26.7273 21.2439 27.1933C21.2439 27.5203 21.5589 27.8043 21.9469 27.8043L23.2799 27.8043C23.6689 27.8043 23.9829 27.5203 23.9829 27.1933L23.9829 26.6753 23.9829 18.9703C24.2119 18.5443 24.7069 18.1113 25.2829 17.9973 25.4229 17.9623 25.5709 17.9413 25.7289 17.9413 26.2419 17.9413 26.6509 18.0973 26.9419 18.3693 26.9489 18.3753 26.9549 18.3813 26.9609 18.3863 26.9749 18.4003 26.9899 18.4133 27.0039 18.4273 27.2429 18.6593 27.3909 18.9573 27.4159 19.2863 27.4379 19.4133 27.4499 19.5473 27.4499 19.6863L27.4499 27.1933C27.4499 27.5203 27.7659 27.8043 28.1529 27.8043L29.4869 27.8043C29.8749 27.8043 30.1899 27.5203 30.1899 27.1933L30.1899 18.9893zM6.207 24.248C6.207 25.295 5.577 25.993 4.485 25.993 3.798 25.993 3.027 25.564 2.74 24.939L2.74 19.181C3.019 18.567 3.762 18.159 4.485 18.159 5.576 18.159 6.207 18.88 6.207 19.905 6.207 19.905 6.235 20.497 6.235 21.937 6.235 23.378 6.207 24.248 6.207 24.248M8.917 18.77C8.917 17.112 7.467 15.76 5.746 15.76 4.549 15.76 3.563 16.25 2.997 17.015 2.849 17.214 2.74 17.182 2.74 16.935L2.74 12.944C2.74 12.617 2.425 12.333 2.037 12.333L.703 12.333C.315 12.333 0 12.617 0 12.944L0 27.193C0 27.52.315 27.805.703 27.805L2.037 27.805C2.425 27.805 2.74 27.52 2.74 27.193L2.74 27.001C2.74 26.753 2.85 26.721 2.997 26.92 3.563 27.686 4.549 28.045 5.746 28.045 7.54 28.045 8.918 26.779 8.918 24.946 8.918 24.946 8.975 23.763 8.975 21.941 8.975 20.121 8.917 18.77 8.917 18.77"
+    />
+  </Symbol>
+);

package/src/components/symbol/components/logos/bsa-stacked-logo.tsx

@@ -0,0 +1,52 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const BSAStackedLogo = ({
+  'aria-label': ariaLabel = 'Bank SA',
+  copyrightYear = '2023',
+  viewBoxWidth = 32,
+  viewBoxHeight = 54,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[54px] w-[32px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <path
+      d="M0.9 39.4L0.9 39.4C0.4 39.4 0 39 0 38.6l0-22.8C0 15.4 0.4 15 0.9 15l30.2 0c0.5 0 0.9 0.4 0.9 0.8l0 37.4c0 0.4-0.2 0.8-0.9 0.8 -0.6 0-0.8-0.5-0.9-0.7C21.6 38.6 0.9 39.4 0.9 39.4"
+      fill="#E91B2B"
+    />
+    <path
+      d="M22.6 21.7l-2 8.2c0 0 0 0.1 0.1 0.1l4.2 0c0 0 0.1 0 0.1-0.1l-2-8.2C22.9 21.3 22.7 21.3 22.6 21.7zM24.8 17.6c0.4 0 0.6 0.2 0.7 0.5L30 35.7c0.1 0.2 0.1 0.4 0.1 0.5 0 0.3-0.3 0.6-0.7 0.6l-2.2 0c-0.4 0-0.6-0.3-0.7-0.6l-0.9-3.3c0 0 0 0-0.1 0l-5.7 0c0 0 0 0-0.1 0L19 36.1c-0.1 0.3-0.3 0.6-0.7 0.6l-2.2 0c-0.4 0-0.7-0.3-0.7-0.6 0 0 0-0.2 0.1-0.5l4.5-17.6c0.1-0.3 0.3-0.5 0.7-0.5L24.8 17.6z"
+      fill="#fff"
+    />
+    <path
+      d="M5.7 22.2c0 1.3 0.7 1.8 2.2 2.7l3.4 1.9c2.3 1.3 3.2 2.8 3.2 5.3 0 3.4-2.5 5-6.2 5C4.7 37.1 2 35.5 2 32l0-1.1c0-0.4 0.4-0.8 0.9-0.8l1.9 0c0.5 0 0.9 0.3 0.9 0.8l0 1.1c0 1.4 1 2.2 2.5 2.2 1.6 0 2.5-0.7 2.5-2.1h0c0-1.7-1.5-2.5-2.5-3.1l-3.8-2.2C2.7 25.9 2 24 2 22.5c0-3.4 2.5-5.4 6.2-5.4 3.6 0 6.2 1.8 6.2 5.2l0 0.6c0 0.4-0.4 0.8-0.9 0.8l-1.9 0c-0.5 0-0.9-0.3-0.9-0.8l0-0.6c0-1.4-0.9-2.5-2.5-2.5C6.6 19.8 5.7 20.7 5.7 22.2L5.7 22.2z"
+      fill="#fff"
+    />
+    <path
+      d="M12.9 7.6C12.9 7.6 12.9 7.6 12.9 7.6l-2.1 0.9c-0.6 0.3-0.7 0.7-0.7 1 0 0.6 0.2 1.1 1.4 1.1 0.8 0 1.5-0.6 1.5-1.3L12.9 7.6zM7.8 9.7c0-1.4 0.7-2.2 1.8-2.6L12 6.3c0.7-0.3 1-0.5 1-0.9 0-0.6-0.5-1-1.3-1 -0.8 0-1.3 0.4-1.3 1.1l0 0c0 0.3-0.2 0.5-0.5 0.5l-1 0c-0.3 0-0.5-0.2-0.5-0.5l0 0c0-1.6 1.4-2.8 3.4-2.8C14 2.6 15 4 15 5.6l0 5.9c0 0.3-0.2 0.5-0.5 0.5l-1 0c-0.3 0-0.5-0.2-0.5-0.5l0-0.1c0-0.2-0.1-0.2-0.2-0.1 -0.5 0.5-1.3 0.8-2.2 0.8C9.4 12.1 7.8 11.6 7.8 9.7"
+      fill="#002F6C"
+    />
+    <path
+      d="M24.7 0.5c0-0.3 0.2-0.5 0.5-0.5l1 0c0.3 0 0.5 0.2 0.5 0.5l0 5.8c0 0.2 0.1 0.2 0.2 0.1l2.3-2.8c0.2-0.2 0.3-0.4 0.6-0.4l1.3 0c0.3 0 0.5 0.1 0.5 0.3 0 0.1 0 0.2-0.1 0.3L28.9 7c0 0 0 0.1 0 0.1l3 4.2c0.1 0.1 0.1 0.2 0.1 0.3 0 0.3-0.2 0.4-0.6 0.4l-1.2 0c-0.3 0-0.5-0.2-0.7-0.5L27 7.8c-0.1-0.2-0.2-0.1-0.2 0.1l0 3.7c0 0.3-0.2 0.5-0.5 0.5l-1 0c-0.3 0-0.5-0.2-0.5-0.5L24.7 0.5z"
+      fill="#002F6C"
+    />
+    <path
+      d="M23.3 5.1c0-1.3-1-2.5-2.5-2.5 -0.9 0-1.7 0.4-2.1 1 -0.1 0.2-0.2 0.1-0.2-0.1V3.4c0-0.3-0.2-0.5-0.5-0.5l-1 0c-0.3 0-0.5 0.2-0.5 0.5l0 3v4.7h0l0 0.4c0 0.3 0.2 0.5 0.5 0.5l1 0c0.3 0 0.5-0.2 0.5-0.5l0-0.4v-6c0.2-0.3 0.6-0.7 1-0.8 0.1 0 0.2 0 0.3 0 0.4 0 0.7 0.1 0.9 0.3 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0.2 0.3 0.4 0.3 0.7 0 0.1 0 0.2 0 0.3l0 5.8c0 0.3 0.2 0.5 0.5 0.5l1 0c0.3 0 0.5-0.2 0.5-0.5L23.3 5.1z"
+      fill="#002F6C"
+    />
+    <path
+      d="M6.9 5c0-1.3-1.1-2.3-2.5-2.3 -0.9 0-1.7 0.4-2.1 1C2.2 3.8 2.1 3.7 2.1 3.6l0-3.1C2.1 0.2 1.9 0 1.6 0l-1 0C0.2 0 0 0.2 0 0.5l0 11C0 11.7 0.2 12 0.5 12l1 0c0.3 0 0.5-0.2 0.5-0.5v-0.1c0-0.2 0.1-0.2 0.2-0.1 0.4 0.6 1.2 0.9 2.1 0.9 1.4 0 2.5-1 2.5-2.4 0 0 0-0.9 0-2.3S6.9 5 6.9 5zM4.8 9.2c0 0.8-0.5 1.3-1.3 1.3 -0.5 0-1.1-0.3-1.3-0.8V5.3c0.2-0.5 0.8-0.8 1.3-0.8 0.8 0 1.3 0.6 1.3 1.3 0 0 0 0.5 0 1.6C4.8 8.5 4.8 9.2 4.8 9.2z"
+      fill="#002F6C"
+    />
+  </Symbol>
+);

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

@@ -0,0 +1,75 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const RAMSLogo = ({
+  'aria-label': ariaLabel = 'RAMS',
+  copyrightYear = '2023',
+  viewBoxWidth = 99,
+  viewBoxHeight = 51,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[51px] w-[99px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <defs>
+      <linearGradient x1="49.289%" y1="16.767%" x2="49.289%" y2="102.357%" id="RAMSLogo-a">
+        <stop stopColor="#00B6F1" offset="0%" />
+        <stop stopColor="#00AEEF" offset="14.4%" />
+        <stop stopColor="#00A0E0" offset="31.6%" />
+        <stop stopColor="#007DBA" offset="64.3%" />
+        <stop stopColor="#007DBA" offset="64.4%" />
+        <stop stopColor="#005282" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="29.892%" y1="53.141%" x2="80.033%" y2="47.743%" id="RAMSLogo-b">
+        <stop stopColor="#0083C2" offset="0%" />
+        <stop stopColor="#0081C0" offset="62.9%" />
+        <stop stopColor="#007CB9" offset="73.3%" />
+        <stop stopColor="#0072AE" offset="80.7%" />
+        <stop stopColor="#00659D" offset="86.7%" />
+        <stop stopColor="#005387" offset="91.8%" />
+        <stop stopColor="#004474" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="61.146%" y1="-.93%" x2="32.944%" y2="120.58%" id="RAMSLogo-c">
+        <stop stopColor="#6DCFF6" offset="0%" />
+        <stop stopColor="#00AEEF" offset="43.1%" />
+        <stop stopColor="#0088C7" offset="78.2%" />
+        <stop stopColor="#0072AA" offset="100%" />
+      </linearGradient>
+    </defs>
+    <g fill="none" fillRule="evenodd">
+      <path
+        d="M13.578 24.438c1.143 0 2.19.19 3.115.562a7.275 7.275 0 012.397 1.544 6.773 6.773 0 011.531 2.28 7.31 7.31 0 01.527 2.775c0 1.505-.324 2.83-.962 3.938-.512.888-1.278 1.613-2.288 2.164.33.162.624.355.882.578.47.41.859.9 1.157 1.456a6.61 6.61 0 01.64 1.808c.105.518.184 1.042.234 1.563h-6.089c-.184-.988-.511-1.723-.977-2.188-.503-.504-1.375-.76-2.591-.76H6.236v3.314H0V25.57a1.197 1.197 0 011.194-1.132h12.384zm20.733 0a1.2 1.2 0 011.12.776l6.69 17.892-20.082-.135 6.743-17.851a1.194 1.194 0 011.074-.682h4.455zm15.738 0c.53 0 .971.347 1.131.824l5.128 15.074 4.846-15.054a1.198 1.198 0 011.14-.844h6.239a1.2 1.2 0 011.193 1.13l-.01 12.372-5.885 1.484v-5.032l-1.834 5.293-11.046 1.842-2.452-6.989v7.49l-5.894.359V25.64c0-.662.542-1.202 1.206-1.202h6.238zm-18.012 7.686l-2.58 7.266h5.075l-2.495-7.266zm47.983-8.26c1.246 0 2.469.161 3.621.442a9.65 9.65 0 013.27 1.448 7.559 7.559 0 011.574 1.483c.07.09.128.17.185.248.044.06.088.121.13.185.021.03.04.06.06.092a6.822 6.822 0 01.5.868c.21.569.042 1.184-.482 1.517-1.056.67-2.53 1.281-3.153 1.492-.622.21-1.02.17-1.418-.4-.243-.35-.831-1.156-1.45-1.545a2.016 2.016 0 00-.15-.104 3.976 3.976 0 00-1.34-.52c-.859-.177-1.915-.253-2.943-.036-.376.08-.724.22-1.03.418-.3.193-.55.438-.742.727-.179.265-.267.621-.267 1.054 0 .393.069.705.206.929.094.152.323.387.888.65.506.238 1.228.483 2.144.726.747.198 1.676.438 2.786.721l-8.928 3.063c-.32-.21-.554-.373-.704-.488a6.465 6.465 0 01-1.775-2.102c-.454-.844-.683-1.873-.683-3.057 0-1.324.29-2.495.861-3.478a7.702 7.702 0 012.224-2.44 9.622 9.622 0 013.074-1.432 13.591 13.591 0 013.542-.46zm-68.354 5.622h-5.43v5.981h5.43c1.111 0 1.943-.237 2.472-.708.514-.456.772-1.242.772-2.332 0-1.045-.258-1.8-.77-2.246-.529-.46-1.361-.695-2.474-.695z"
+        fill="url(#RAMSLogo-a)"
+        fillRule="nonzero"
+      />
+      <path
+        d="M80.796 33.844c.728.188 1.57.404 2.525.646.446.089 1.097.258 1.91.5.844.249 1.692.651 2.522 1.196.842.555 1.578 1.302 2.19 2.222.625.945.942 2.157.942 3.604 0 1.171-.23 2.277-.686 3.287a7.188 7.188 0 01-2.052 2.632c-.89.727-2.01 1.3-3.32 1.7-1.3.398-2.818.6-4.515.6-1.371 0-2.723-.172-4.017-.51-1.31-.341-2.484-.888-3.491-1.623a8.12 8.12 0 01-2.434-2.846 7.401 7.401 0 01-.653-1.882v5.11c0 .664-.538 1.202-1.2 1.202h-3.494c-.662 0-1.2-.538-1.2-1.201v-9.735c2-.422 3.967-.886 5.894-1.392v3.919a1.2 1.2 0 011.006-.545h3.737c.664 0 1.095.514 1.147 1.2.025.312.14.705.352 1.11.267.503.614.918 1.044 1.23.443.318.974.557 1.578.714 1.044.27 2.129.314 3.409.127a4.97 4.97 0 001.41-.422 2.96 2.96 0 001.04-.816c.257-.32.38-.728.38-1.245 0-.54-.162-.962-.497-1.289-.378-.367-.887-.681-1.512-.93-.66-.264-1.42-.498-2.259-.697-.87-.206-1.76-.438-2.644-.687a23.603 23.603 0 01-2.699-.85 9.575 9.575 0 01-2.432-1.34 6.558 6.558 0 01-.294-.241 109.74 109.74 0 008.313-2.748zm-32.303 7.353v7.283a1.2 1.2 0 01-1.2 1.201l-.735.004h-7.644a1.194 1.194 0 01-1.114-.828l-1.569-4.599h-8.484l-1.624 4.612a1.194 1.194 0 01-1.13.815h-8.377c-.54 0-.995-.358-1.147-.848-.2-.687-.332-1.465-.387-2.327a40.707 40.707 0 00-.303-3.039 8.055 8.055 0 00-.07-.41 508.07 508.07 0 006.089-.096c.017.163.028.319.04.482.023.395.046.853.069 1.378.014.317.036.643.062.971l1.085-2.865c6.342-.162 12.974-.472 19.611-1.045l.935 2.5v-2.581c1.967-.178 3.934-.38 5.893-.608zM0 43.105l1.52.003h.842l.44.001h.92l2.514-.003v5.412a1.199 1.199 0 01-1.197 1.167H1.203c-.664 0-1.2-.538-1.203-1.201zm62.2-4.007l-3.382 9.76a1.195 1.195 0 01-1.134.825h-3.05c-.514 0-.948-.324-1.119-.777l-2.777-7.985c1.848-.236 3.68-.494 5.503-.783l.07.192.063-.212c1.964-.312 3.907-.638 5.826-1.02z"
+        fill="#78C339"
+      />
+      <path
+        d="M66.509 8.334c-2.498 5.661 1.08 11.085 7.345 12.736 4.597 1.21 9.792-.45 11.657-3.938l-.678-.678a1.105 1.105 0 010-1.558l1.333-1.334c.007-.006.013-.01.019-.017-.367-2.277-2.35-3.78-4.385-4.338-3.245-.89-6.22.207-7.675 2.204-.194.264.201.435.201.435s1.407.65 1.619.765c.213.118.414-.095.527-.188.852-.702 2.135-1.22 3.56-.794 1.992.597 2.752 2.207 1.948 3.851-1.072 2.194-4.183 2.723-6.458 2.149-3.706-.934-5.001-4.127-3.75-7.153 1.456-3.52 7.037-5.52 11.896-4.095 5.535 1.749 8.126 6.38 5.872 11.489-.49 1.108-1.267 2.24-2.307 3.318-.101.107-.206.211-.313.315-.03.028-.056.056-.085.084a15.26 15.26 0 01-.429.397l-.014.013a18.06 18.06 0 01-.467.4c-.007.005-.014.01-.02.017-.166.135-.334.269-.508.402.1.037.199.076.297.115l.038.015a11.754 11.754 0 01.97.447c.072.037.14.076.21.113l.101.054c.076.043.15.087.225.132l.079.045c.2.122.397.25.588.383A9.293 9.293 0 0190.9 27.6l.023.047c.036.073.071.146.105.222l.015.033c.077.174.15.35.216.527 4.552-3.194 6.424-7.524 6.753-8.422l.002-.005a.233.233 0 00.01-.029c2.184-6.015.64-13.49-7.255-17.82a24.411 24.411 0 00-1.35-.682l.016.015A15.332 15.332 0 0087.386.75C85.804.308 83.896.117 82.35.033A23.065 23.065 0 0081.116 0C74.17 0 68.7 3.235 66.509 8.334"
+        fill="url(#RAMSLogo-b)"
+        fillRule="nonzero"
+      />
+      <path
+        d="M87.235 17.298a.413.413 0 01-.583 0l-1.332-1.332a.413.413 0 010-.583l1.332-1.332a.414.414 0 01.583 0l1.331 1.332a.411.411 0 010 .582l-1.33 1.333z"
+        fill="#0083C2"
+        fillRule="nonzero"
+      />
+      <path
+        d="M91.618 14.18c-.317 1.138-2.222 4.999-4.333 6.939a16.85 16.85 0 01-1.888 1.697c.896.335 1.72.765 2.486 1.306a9.147 9.147 0 012.857 3.226c.187.355.389.726.52 1.08 4.556-3.207 6.434-7.525 6.752-8.42 2.353-6.36.498-14.351-8.598-18.548 3.12 3.04 3.53 8.095 2.204 12.72z"
+        fill="url(#RAMSLogo-c)"
+        fillRule="nonzero"
+      />
+    </g>
+  </Symbol>
+);

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

@@ -0,0 +1,83 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const RAMSMultibrandLargeLogo = ({
+  'aria-label': ariaLabel = 'RAMS',
+  copyrightYear = '2023',
+  viewBoxWidth = 180,
+  viewBoxHeight = 65,
+  align = 'left',
+  offset = [null, 40.5, 81],
+  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}
+  >
+    <defs>
+      <linearGradient x1="49.289%" y1="16.767%" x2="49.289%" y2="102.357%" id="RAMSMultibrandLargeLogo-a">
+        <stop stopColor="#00B6F1" offset="0%" />
+        <stop stopColor="#00AEEF" offset="14.4%" />
+        <stop stopColor="#00A0E0" offset="31.6%" />
+        <stop stopColor="#007DBA" offset="64.3%" />
+        <stop stopColor="#007DBA" offset="64.4%" />
+        <stop stopColor="#005282" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="29.892%" y1="53.141%" x2="80.033%" y2="47.743%" id="RAMSMultibrandLargeLogo-b">
+        <stop stopColor="#0083C2" offset="0%" />
+        <stop stopColor="#0081C0" offset="62.9%" />
+        <stop stopColor="#007CB9" offset="73.3%" />
+        <stop stopColor="#0072AE" offset="80.7%" />
+        <stop stopColor="#00659D" offset="86.7%" />
+        <stop stopColor="#005387" offset="91.8%" />
+        <stop stopColor="#004474" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="61.146%" y1="-.93%" x2="32.944%" y2="120.58%" id="RAMSMultibrandLargeLogo-c">
+        <stop stopColor="#6DCFF6" offset="0%" />
+        <stop stopColor="#00AEEF" offset="43.1%" />
+        <stop stopColor="#0088C7" offset="78.2%" />
+        <stop stopColor="#0072AA" offset="100%" />
+      </linearGradient>
+    </defs>
+    <g fill="none" fillRule="evenodd">
+      <path fill="#FFF" d="M0 0h180v65H0z" />
+      <path
+        d="M13.578 24.438c1.143 0 2.19.19 3.115.562a7.275 7.275 0 012.397 1.544 6.773 6.773 0 011.531 2.28 7.31 7.31 0 01.527 2.775c0 1.505-.324 2.83-.962 3.938-.512.888-1.278 1.613-2.288 2.164.33.162.624.355.882.578.47.41.859.9 1.157 1.456a6.61 6.61 0 01.64 1.808c.105.518.184 1.042.234 1.563h-6.089c-.184-.988-.511-1.723-.977-2.188-.503-.504-1.375-.76-2.591-.76H6.236v3.314H0V25.57a1.197 1.197 0 011.194-1.132h12.384zm20.733 0a1.2 1.2 0 011.12.776l6.69 17.892-20.082-.135 6.743-17.851a1.194 1.194 0 011.074-.682h4.455zm15.738 0c.53 0 .971.347 1.131.824l5.128 15.074 4.846-15.054a1.198 1.198 0 011.14-.844h6.239a1.2 1.2 0 011.193 1.13l-.01 12.372-5.885 1.484v-5.032l-1.834 5.293-11.046 1.842-2.452-6.989v7.49l-5.894.359V25.64c0-.662.542-1.202 1.206-1.202h6.238zm-18.012 7.686l-2.58 7.266h5.075l-2.495-7.266zm47.983-8.26c1.246 0 2.469.161 3.621.442a9.65 9.65 0 013.27 1.448 7.559 7.559 0 011.574 1.483c.07.09.128.17.185.248.044.06.088.121.13.185.021.03.04.06.06.092a6.822 6.822 0 01.5.868c.21.569.042 1.184-.482 1.517-1.056.67-2.53 1.281-3.153 1.492-.622.21-1.02.17-1.418-.4-.243-.35-.831-1.156-1.45-1.545a2.016 2.016 0 00-.15-.104 3.976 3.976 0 00-1.34-.52c-.859-.177-1.915-.253-2.943-.036-.376.08-.724.22-1.03.418-.3.193-.55.438-.742.727-.179.265-.267.621-.267 1.054 0 .393.069.705.206.929.094.152.323.387.888.65.506.238 1.228.483 2.144.726.747.198 1.676.438 2.786.721l-8.928 3.063c-.32-.21-.554-.373-.704-.488a6.465 6.465 0 01-1.775-2.102c-.454-.844-.683-1.873-.683-3.057 0-1.324.29-2.495.861-3.478a7.702 7.702 0 012.224-2.44 9.622 9.622 0 013.074-1.432 13.591 13.591 0 013.542-.46zm-68.354 5.622h-5.43v5.981h5.43c1.111 0 1.943-.237 2.472-.708.514-.456.772-1.242.772-2.332 0-1.045-.258-1.8-.77-2.246-.529-.46-1.361-.695-2.474-.695z"
+        fill="url(#RAMSMultibrandLargeLogo-a)"
+        fillRule="nonzero"
+        transform="translate(0 5)"
+      />
+      <path
+        d="M80.796 38.844c.728.188 1.57.404 2.525.646.446.089 1.097.258 1.91.5.844.249 1.692.651 2.522 1.196.842.555 1.578 1.302 2.19 2.222.625.945.942 2.157.942 3.604 0 1.171-.23 2.277-.686 3.287a7.188 7.188 0 01-2.052 2.632c-.89.727-2.01 1.3-3.32 1.7-1.3.398-2.818.6-4.515.6-1.371 0-2.723-.172-4.017-.51-1.31-.341-2.484-.888-3.491-1.623a8.12 8.12 0 01-2.434-2.846 7.401 7.401 0 01-.653-1.882v5.11c0 .664-.538 1.202-1.2 1.202h-3.494c-.662 0-1.2-.538-1.2-1.201v-9.735c2-.422 3.967-.886 5.894-1.392v3.919a1.2 1.2 0 011.006-.545h3.737c.664 0 1.095.514 1.147 1.2.025.312.14.705.352 1.11.267.503.614.918 1.044 1.23.443.318.974.557 1.578.714 1.044.27 2.129.314 3.409.127a4.97 4.97 0 001.41-.422 2.96 2.96 0 001.04-.816c.257-.32.38-.728.38-1.245 0-.54-.162-.962-.497-1.289-.378-.367-.887-.681-1.512-.93-.66-.264-1.42-.498-2.259-.697-.87-.206-1.76-.438-2.644-.687a23.603 23.603 0 01-2.699-.85 9.575 9.575 0 01-2.432-1.34 6.558 6.558 0 01-.294-.241 109.74 109.74 0 008.313-2.748zm-32.303 7.353v7.283a1.2 1.2 0 01-1.2 1.201l-.735.004h-7.644a1.194 1.194 0 01-1.114-.828l-1.569-4.599h-8.484l-1.624 4.612a1.194 1.194 0 01-1.13.815h-8.377c-.54 0-.995-.358-1.147-.848-.2-.687-.332-1.465-.387-2.327a40.707 40.707 0 00-.303-3.039 8.055 8.055 0 00-.07-.41 508.07 508.07 0 006.089-.096c.017.163.028.319.04.482.023.395.046.853.069 1.378.014.317.036.643.062.971l1.085-2.865c6.342-.162 12.974-.472 19.611-1.045l.935 2.5v-2.581c1.967-.178 3.934-.38 5.893-.608zM0 48.105l1.52.003h.842l.44.001h.92l2.514-.003v5.412a1.199 1.199 0 01-1.197 1.167H1.203c-.664 0-1.2-.538-1.203-1.201zm62.2-4.007l-3.382 9.76a1.195 1.195 0 01-1.134.825h-3.05c-.514 0-.948-.324-1.119-.777l-2.777-7.985c1.848-.236 3.68-.494 5.503-.783l.07.192.063-.212c1.964-.312 3.907-.638 5.826-1.02z"
+        fill="#78C339"
+      />
+      <path
+        d="M66.509 8.334c-2.498 5.661 1.08 11.085 7.345 12.736 4.597 1.21 9.792-.45 11.657-3.938l-.678-.678a1.105 1.105 0 010-1.558l1.333-1.334c.007-.006.013-.01.019-.017-.367-2.277-2.35-3.78-4.385-4.338-3.245-.89-6.22.207-7.675 2.204-.194.264.201.435.201.435s1.407.65 1.619.765c.213.118.414-.095.527-.188.852-.702 2.135-1.22 3.56-.794 1.992.597 2.752 2.207 1.948 3.851-1.072 2.194-4.183 2.723-6.458 2.149-3.706-.934-5.001-4.127-3.75-7.153 1.456-3.52 7.037-5.52 11.896-4.095 5.535 1.749 8.126 6.38 5.872 11.489-.49 1.108-1.267 2.24-2.307 3.318-.101.107-.206.211-.313.315-.03.028-.056.056-.085.084a15.26 15.26 0 01-.429.397l-.014.013a18.06 18.06 0 01-.467.4c-.007.005-.014.01-.02.017-.166.135-.334.269-.508.402.1.037.199.076.297.115l.038.015a11.754 11.754 0 01.97.447c.072.037.14.076.21.113l.101.054c.076.043.15.087.225.132l.079.045c.2.122.397.25.588.383A9.293 9.293 0 0190.9 27.6l.023.047c.036.073.071.146.105.222l.015.033c.077.174.15.35.216.527 4.552-3.194 6.424-7.524 6.753-8.422l.002-.005a.233.233 0 00.01-.029c2.184-6.015.64-13.49-7.255-17.82a24.411 24.411 0 00-1.35-.682l.016.015A15.332 15.332 0 0087.386.75C85.804.308 83.896.117 82.35.033A23.065 23.065 0 0081.116 0C74.17 0 68.7 3.235 66.509 8.334"
+        fill="url(#RAMSMultibrandLargeLogo-b)"
+        fillRule="nonzero"
+        transform="translate(0 5)"
+      />
+      <path
+        d="M87.235 22.298a.413.413 0 01-.583 0l-1.332-1.332a.413.413 0 010-.583l1.332-1.332a.414.414 0 01.583 0l1.331 1.332a.411.411 0 010 .582l-1.33 1.333z"
+        fill="#0083C2"
+        fillRule="nonzero"
+      />
+      <path
+        d="M91.618 14.18c-.317 1.138-2.222 4.999-4.333 6.939a16.85 16.85 0 01-1.888 1.697c.896.335 1.72.765 2.486 1.306a9.147 9.147 0 012.857 3.226c.187.355.389.726.52 1.08 4.556-3.207 6.434-7.525 6.752-8.42 2.353-6.36.498-14.351-8.598-18.548 3.12 3.04 3.53 8.095 2.204 12.72z"
+        fill="url(#RAMSMultibrandLargeLogo-c)"
+        fillRule="nonzero"
+        transform="translate(0 5)"
+      />
+    </g>
+  </Symbol>
+);

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

@@ -0,0 +1,83 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const RAMSMultibrandSmallLogo = ({
+  'aria-label': ariaLabel = 'RAMS',
+  copyrightYear = '2023',
+  viewBoxWidth = 122,
+  viewBoxHeight = 44,
+  align = 'left',
+  offset = [null, 25, 50],
+  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}
+  >
+    <defs>
+      <linearGradient x1="49.018%" y1="17.761%" x2="49.018%" y2="104.314%" id="RAMSMultibrandSmallLogo-a">
+        <stop stopColor="#00B6F1" offset="0%" />
+        <stop stopColor="#00AEEF" offset="14.4%" />
+        <stop stopColor="#00A0E0" offset="31.6%" />
+        <stop stopColor="#007DBA" offset="64.3%" />
+        <stop stopColor="#007DBA" offset="64.4%" />
+        <stop stopColor="#005282" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="29.892%" y1="53.125%" x2="80.033%" y2="47.754%" id="RAMSMultibrandSmallLogo-b">
+        <stop stopColor="#0083C2" offset="0%" />
+        <stop stopColor="#0081C0" offset="62.9%" />
+        <stop stopColor="#007CB9" offset="73.3%" />
+        <stop stopColor="#0072AE" offset="80.7%" />
+        <stop stopColor="#00659D" offset="86.7%" />
+        <stop stopColor="#005387" offset="91.8%" />
+        <stop stopColor="#004474" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="61.201%" y1="-.93%" x2="32.86%" y2="120.58%" id="RAMSMultibrandSmallLogo-c">
+        <stop stopColor="#6DCFF6" offset="0%" />
+        <stop stopColor="#00AEEF" offset="43.1%" />
+        <stop stopColor="#0088C7" offset="78.2%" />
+        <stop stopColor="#0072AA" offset="100%" />
+      </linearGradient>
+    </defs>
+    <g fill="none" fillRule="evenodd">
+      <path fill="#FFF" d="M0 0h122v44H0z" />
+      <path
+        d="M9.875 17.73c.831 0 1.593.137 2.265.407.674.27 1.26.647 1.744 1.12.483.474.858 1.03 1.113 1.654.255.622.384 1.3.384 2.014 0 1.091-.236 2.053-.7 2.857-.372.644-.93 1.17-1.664 1.57.24.117.454.258.64.42.343.296.626.652.842 1.055.213.397.37.839.466 1.312.076.376.134.756.17 1.134h-4.428c-.134-.717-.372-1.25-.71-1.587-.367-.366-1-.551-1.885-.551H4.535v2.404H0V18.55a.87.87 0 01.869-.821h9.006zm15.079 0c.373 0 .688.235.814.563l4.866 12.98-14.605-.098 4.903-12.951a.868.868 0 01.781-.494h3.24zm11.445 0c.386 0 .707.251.823.597l3.73 10.936 3.523-10.92a.871.871 0 01.83-.613h4.537c.464 0 .84.363.868.819l-.007 8.976-4.28 1.077V24.95l-1.334 3.84-8.033 1.337-1.784-5.071v5.434l-4.286.26v-12.15c0-.48.394-.871.877-.871h4.536zm-13.1 5.576l-1.876 5.271h3.69L23.3 23.306zm34.898-5.992c.906 0 1.795.116 2.633.32a7.027 7.027 0 012.379 1.05 5.496 5.496 0 011.144 1.076c.051.066.093.123.134.18.032.044.064.088.095.134l.044.067a4.948 4.948 0 01.363.63c.153.412.03.86-.35 1.1-.769.487-1.84.93-2.293 1.083-.453.153-.743.123-1.032-.29-.177-.254-.604-.839-1.054-1.121a1.466 1.466 0 00-.11-.076 2.896 2.896 0 00-.974-.377c-.625-.128-1.393-.183-2.14-.026a2.2 2.2 0 00-.75.303c-.217.14-.4.318-.54.527-.129.193-.194.451-.194.765 0 .285.05.512.15.674.069.11.236.28.646.472.368.173.893.35 1.56.526.543.144 1.219.319 2.026.524l-6.493 2.222a9.408 9.408 0 01-.512-.354 4.693 4.693 0 01-1.291-1.525c-.33-.613-.497-1.359-.497-2.218 0-.96.211-1.81.626-2.524a5.593 5.593 0 011.618-1.77 7.005 7.005 0 012.235-1.039 9.908 9.908 0 012.577-.333zM8.484 21.392h-3.95v4.339h3.95c.808 0 1.414-.172 1.798-.514.374-.33.562-.9.562-1.692 0-.758-.188-1.305-.56-1.629-.385-.334-.99-.504-1.8-.504z"
+        fill="url(#RAMSMultibrandSmallLogo-a)"
+        fillRule="nonzero"
+        transform="translate(.194 2)"
+      />
+      <path
+        d="M58.954 26.553c.53.137 1.142.294 1.837.469.324.064.798.188 1.39.363.613.18 1.23.472 1.833.868a5.664 5.664 0 011.592 1.612c.455.685.686 1.565.686 2.614 0 .85-.167 1.653-.5 2.385a5.216 5.216 0 01-1.491 1.91c-.648.527-1.462.942-2.415 1.233-.945.289-2.05.435-3.283.435-.998 0-1.981-.124-2.922-.37a7.496 7.496 0 01-2.54-1.177 5.895 5.895 0 01-1.77-2.065 5.36 5.36 0 01-.474-1.366v3.708c0 .481-.391.872-.873.872h-2.541a.872.872 0 01-.872-.872V30.11a90.373 90.373 0 004.286-1.01v2.843a.873.873 0 01.731-.396h2.718c.483 0 .797.373.835.871.018.227.1.512.255.805.195.366.447.667.76.892a3.43 3.43 0 001.147.52c.76.195 1.549.227 2.48.091a3.622 3.622 0 001.025-.306c.301-.144.556-.343.757-.592.186-.233.276-.528.276-.903 0-.392-.118-.698-.362-.935-.275-.266-.645-.495-1.1-.675a11.788 11.788 0 00-1.642-.506c-.633-.15-1.28-.317-1.923-.498a17.196 17.196 0 01-1.963-.616 6.969 6.969 0 01-1.769-.973 4.767 4.767 0 01-.214-.175 79.948 79.948 0 006.046-1.994zm-23.492 5.335l-.001 5.284c0 .482-.39.871-.873.871l-.534.003h-5.559a.868.868 0 01-.81-.6l-1.141-3.337h-6.17l-1.182 3.346a.868.868 0 01-.822.59h-6.092a.875.875 0 01-.834-.614 7.81 7.81 0 01-.282-1.688 29.462 29.462 0 00-.22-2.205 5.83 5.83 0 00-.05-.298c1.445-.015 2.927-.035 4.427-.07.013.119.02.232.03.35.016.287.033.619.05 1 .01.23.026.467.045.705l.789-2.08c4.612-.116 9.435-.341 14.262-.757l.68 1.813v-1.872c1.431-.129 2.862-.275 4.287-.44zM.194 33.272l1.051.002h2.526l.958-.001v3.926a.871.871 0 01-.87.847h-2.79a.875.875 0 01-.875-.871zm45.236-2.907l-2.46 7.08a.869.869 0 01-.824.6h-2.219a.87.87 0 01-.813-.564l-2.02-5.793a133.36 133.36 0 004.002-.568l.05.14.047-.154c1.428-.227 2.842-.464 4.237-.74z"
+        fill="#78C339"
+      />
+      <path
+        d="M48.37 6.046c-1.817 4.107.786 8.043 5.342 9.24 3.343.877 7.122-.326 8.478-2.857l-.494-.491a.8.8 0 010-1.131l.97-.968.014-.012c-.267-1.652-1.71-2.743-3.19-3.148-2.36-.645-4.523.15-5.58 1.6-.142.191.146.315.146.315s1.022.471 1.177.555c.154.086.3-.068.383-.136.62-.51 1.553-.885 2.589-.576 1.449.433 2.001 1.6 1.417 2.794-.78 1.592-3.043 1.975-4.697 1.559-2.695-.678-3.637-2.994-2.728-5.19 1.06-2.553 5.118-4.005 8.653-2.97 4.025 1.268 5.91 4.629 4.27 8.334-.356.804-.921 1.626-1.678 2.408-.074.077-.15.153-.228.228l-.061.061c-.101.097-.205.193-.312.288l-.01.01a13.126 13.126 0 01-.724.594c.073.026.145.055.216.084.01.003.02.006.028.01a8.558 8.558 0 01.705.324c.052.027.102.055.153.083l.073.039c.055.03.11.062.163.095l.058.033a6.748 6.748 0 012.606 2.802l.017.034c.026.053.052.107.076.162l.01.023c.057.127.11.254.158.383 3.31-2.317 4.672-5.458 4.911-6.11l.002-.004a.169.169 0 00.007-.02c1.588-4.364.466-9.788-5.277-12.93a17.772 17.772 0 00-.981-.494l.011.01c-.478-.21-.975-.389-1.49-.532-1.15-.322-2.538-.46-3.663-.521A16.816 16.816 0 0058.993 0c-5.05 0-9.03 2.347-10.623 6.046"
+        fill="url(#RAMSMultibrandSmallLogo-b)"
+        fillRule="nonzero"
+        transform="translate(.194 2)"
+      />
+      <path
+        d="M63.637 14.55a.301.301 0 01-.424 0l-.969-.967a.299.299 0 010-.422l.97-.967a.302.302 0 01.423 0l.968.966a.298.298 0 010 .423l-.968.967z"
+        fill="#0083C2"
+        fillRule="nonzero"
+      />
+      <path
+        d="M66.631 10.288c-.23.825-1.616 3.626-3.151 5.033-.407.42-.857.84-1.373 1.232a7.925 7.925 0 011.808.947 6.641 6.641 0 012.078 2.34c.136.258.282.528.377.785 3.315-2.328 4.68-5.46 4.911-6.11 1.712-4.614.363-10.411-6.252-13.456 2.268 2.206 2.567 5.873 1.602 9.229z"
+        fill="url(#RAMSMultibrandSmallLogo-c)"
+        fillRule="nonzero"
+        transform="translate(.194 2)"
+      />
+    </g>
+  </Symbol>
+);

package/src/components/symbol/components/logos/red-avatar-circle-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 const RedAvatarCircleLogo = ({
+  'aria-label': ariaLabel = 'Red Avatar',
+  copyrightYear = '2023',
+  viewBoxWidth = 64,
+  viewBoxHeight = 64,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[64px] w-[64px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g fill="none" fillRule="evenodd">
+      <circle fill="#FFF" cx="32" cy="32" r="32" />
+      <path
+        d="M37.7648096 41.6860687H26.0903507c-4.785705 0-8.6794466-3.8926139-8.6794466-8.6783189s3.8937416-8.6805742 8.6794466-8.6805742h11.6744589c4.785705 0 8.678319 3.8948692 8.678319 8.6805742s-3.892614 8.6783189-8.678319 8.6783189zm14.2015006-17.2314698c-1.3836145 0-2.3026412.4916511-2.8574402 2.2090471-2.228217-3.9681658-6.4782929-6.65646-11.3440604-6.65646H26.0903507c-4.8511082 0-9.08878 2.6713796-11.3226352 6.6192479-.5570543-1.6880774-1.4726981-2.171835-2.8450363-2.171835H4.70916491c.56494774.2322939.94045193 1.6937156.94045193 1.6937156l3.48215292 12.0939411c.40369519 1.5189313 1.65988634 2.3173006 3.08296834 2.3173006h3.3006028c2.3601509 3.2960923 6.221191 5.4476298 10.5750098 5.4476298h11.6744589c4.3526912 0 8.2137312-2.1515375 10.5750098-5.4476298h3.334432c1.423082 0 2.6792731-.7983693 3.0807131-2.3173006l3.4844082-12.0939411s.3743765-1.4614217.9404519-1.6937156h-7.2135144z"
+        fill="#DA1710"
+      />
+      <path
+        d="M39.7811431 30.4486831c-1.4456348 0-2.6161253 1.1716182-2.6161253 2.6161253 0 1.4456347 1.1704905 2.6161252 2.6161253 2.6161252 1.444507 0 2.6149976-1.1704905 2.6149976-2.6161252 0-1.4445071-1.1704906-2.6161253-2.6149976-2.6161253M24.6593753 30.4486831c-1.4456348 0-2.6161253 1.1716182-2.6161253 2.6161253 0 1.4456347 1.1704905 2.6161252 2.6161253 2.6161252 1.4445071 0 2.6161252-1.1704905 2.6161252-2.6161252 0-1.4445071-1.1716181-2.6161253-2.6161252-2.6161253"
+        fill="#2A2E42"
+      />
+    </g>
+  </Symbol>
+);

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

@@ -0,0 +1,31 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const RedAvatarCircleReversedLogo = ({
+  'aria-label': ariaLabel = 'Red Avatar',
+  copyrightYear = '2023',
+  viewBoxWidth = 64,
+  viewBoxHeight = 64,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[64px] w-[64px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g fill="none" fillRule="evenodd">
+      <circle fill="#DA1710" cx="32" cy="32" r="32" />
+      <path
+        d="M37.7648096 41.6860687c4.785705 0 8.678319-3.8926139 8.678319-8.6783189s-3.892614-8.6805742-8.678319-8.6805742H26.0903507c-4.785705 0-8.6794466 3.8948692-8.6794466 8.6805742s3.8937416 8.6783189 8.6794466 8.6783189h11.6744589zm14.2015006-17.2314698h7.2135144c-.5660754.2322939-.9404519 1.6937156-.9404519 1.6937156l-3.4844082 12.0939411c-.40144 1.5189313-1.6576311 2.3173006-3.0807131 2.3173006h-3.334432c-2.3612786 3.2960923-6.2223186 5.4476298-10.5750098 5.4476298H26.0903507c-4.3538188 0-8.2148589-2.1515375-10.5750098-5.4476298h-3.3006028c-1.423082 0-2.67927315-.7983693-3.08296834-2.3173006L5.64961684 26.1483145s-.37550419-1.4614217-.94045193-1.6937156h7.21351429c1.3723382 0 2.287982.4837576 2.8450363 2.171835 2.2338552-3.9478683 6.471527-6.6192479 11.3226352-6.6192479h11.6744589c4.8657675 0 9.1158434 2.6882942 11.3440604 6.65646.554799-1.717396 1.4738257-2.2090471 2.8574402-2.2090471zm-27.3069349 5.9940842c1.4445071 0 2.6161252 1.1716182 2.6161252 2.6161253 0 1.4456347-1.1716181 2.6161252-2.6161252 2.6161252-1.4456348 0-2.6161253-1.1704905-2.6161253-2.6161252 0-1.4445071 1.1704905-2.6161253 2.6161253-2.6161253zm15.1217678 0c1.444507 0 2.6149976 1.1716182 2.6149976 2.6161253 0 1.4456347-1.1704906 2.6161252-2.6149976 2.6161252-1.4456348 0-2.6161253-1.1704905-2.6161253-2.6161252 0-1.4445071 1.1704905-2.6161253 2.6161253-2.6161253z"
+        fill="#FEFEFE"
+      />
+    </g>
+  </Symbol>
+);