@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/src/templates/certificates/NewCertificateType2.ts

@@ -1,4 +1,4 @@
-import { ISvgProps } from "../../interface"; 
+import { ISvgProps } from "../../interface";
 
 export function createNewCertificateType2({
   mainColor = "#96A6B4",
@@ -12,21 +12,7 @@ export function createNewCertificateType2({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       preserveAspectRatio="xMidYMid meet"
-      style={{
-        width: "100%",
-        height: "100%",
-        objectFit: "contain",
-        position: "absolute",
-        left: "50%",
-        top: "50%",
-        transform: "translate(-50%, -50%)",
-        maxWidth: "100%",
-        maxHeight: "100%",
-        zIndex: 1,
-        mixBlendMode: "normal",
-        pointerEvents: "none",
-        display: "block",
-      }}
+    
     >
       <rect
         width="1152"
@@ -91,4 +77,4 @@ export function createNewCertificateType2({
       </defs>
     </svg>
   `;
-} 
+}

package/src/templates/certificates/NewCertificateType20.ts

@@ -1,5 +1,4 @@
-import { ISvgProps } from "../../interface"; 
-
+import { ISvgProps } from "../../interface";
 
 export function createNewCertificateType20({
   mainColor = "#96A6B4",
@@ -7,7 +6,6 @@ export function createNewCertificateType20({
   extraColor1 = "#96A6B4",
   extraColor2 = "#96A6B4",
 }: ISvgProps): string {
-
   const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
   const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
   const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
@@ -18,34 +16,16 @@ export function createNewCertificateType20({
   const paintId7 = `paint7_linear_${Math.random().toString(36).substr(2, 9)}`;
   const paintId8 = `paint8_linear_${Math.random().toString(36).substr(2, 9)}`;
   const paintId9 = `paint9_linear_${Math.random().toString(36).substr(2, 9)}`;
-  const paintId10 = `paint10_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId11 = `paint11_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId12 = `paint12_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId13 = `paint13_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId14 = `paint14_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId15 = `paint15_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId16 = `paint16_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId17 = `paint17_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-  const paintId18 = `paint18_linear_${Math.random()
-    .toString(36)
-    .substr(2, 9)}`;
-    
+  const paintId10 = `paint10_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId11 = `paint11_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId12 = `paint12_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId13 = `paint13_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId14 = `paint14_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId15 = `paint15_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId16 = `paint16_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId17 = `paint17_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId18 = `paint18_linear_${Math.random().toString(36).substr(2, 9)}`;
+
   return `
         <svg
         width="100%"
@@ -68,7 +48,7 @@ export function createNewCertificateType20({
             height="238.403"
             transform="rotate(-30 -269.962 154.08)"
             stroke="url(#${paintId0})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="369.041"
@@ -77,7 +57,7 @@ export function createNewCertificateType20({
             height="83.8251"
             transform="rotate(-30 369.041 28.3411)"
             stroke="url(#${paintId1})"
-            strokeWidth="5.47268"
+            stroke-width="5.47268"
           />
           <rect
             x="-248.071"
@@ -86,7 +66,7 @@ export function createNewCertificateType20({
             height="238.403"
             transform="rotate(-30 -248.071 91.1433)"
             stroke="url(#${paintId2})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="-209.696"
@@ -95,7 +75,7 @@ export function createNewCertificateType20({
             height="133.572"
             transform="rotate(-30 -209.696 114.536)"
             stroke="url(#${paintId3})"
-            strokeWidth="5.47268"
+            stroke-width="5.47268"
           />
           <rect
             x="544.102"
@@ -104,7 +84,7 @@ export function createNewCertificateType20({
             height="238.403"
             transform="rotate(-30 544.102 951.723)"
             stroke="url(#${paintId4})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="764.378"
@@ -113,7 +93,7 @@ export function createNewCertificateType20({
             height="238.403"
             transform="rotate(-30 764.378 894.26)"
             stroke="url(#${paintId5})"
-            strokeWidth="1.36817"
+            stroke-width="1.36817"
           />
           <rect
             x="815.068"
@@ -122,7 +102,7 @@ export function createNewCertificateType20({
             height="133.572"
             transform="rotate(-30 815.068 758.945)"
             stroke="url(#${paintId6})"
-            strokeWidth="5.47268"
+            stroke-width="5.47268"
           />
           <g filter="url(#filter0_d_1917_501)">
             <rect
@@ -135,8 +115,8 @@ export function createNewCertificateType20({
             />
           </g>
           <path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
             d="M1051.24 72H1026.63V97.9804H77.8477V122.593H1026.63V742H1051.24V122.593H1075.85V97.9804H1051.24V72Z"
             fill="url(#${paintId7})"
           />
@@ -163,7 +143,7 @@ export function createNewCertificateType20({
             height="173.758"
             transform="rotate(-45 -49.086 738.297)"
             stroke="url(#${paintId8})"
-            strokeWidth="4.10451"
+            stroke-width="4.10451"
           />
           <rect
             x="12.4824"
@@ -172,7 +152,7 @@ export function createNewCertificateType20({
             height="87.0954"
             transform="rotate(-45 12.4824 635.972)"
             stroke="url(#${paintId9})"
-            strokeWidth="4.10451"
+            stroke-width="4.10451"
           />
           <rect
             x="161.613"
@@ -180,8 +160,8 @@ export function createNewCertificateType20({
             width="88.0261"
             height="88.0261"
             transform="rotate(-45 161.613 737.875)"
-            stroke="url(#${paintId10}"}
-            strokeWidth="4.10451"
+            stroke="url(#${paintId10}"
+            stroke-width="4.10451"
           />
 
           <rect
@@ -202,7 +182,7 @@ export function createNewCertificateType20({
             filterUnits="userSpaceOnUse"
             colorInterpolationFilters="sRGB"
           >
-            <feFlood floodOpacity="0" result="BackgroundImageFix" />
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
             <feColorMatrix
               in="SourceAlpha"
               type="matrix"
@@ -230,13 +210,13 @@ export function createNewCertificateType20({
           </filter>
           <pattern
             id="pattern0_1917_501"
-            patternContentUnits="objectBoundingBox"
+            pattern-content-units="objectBoundingBox"
             width="1"
             height="1"
           ></pattern>
           <pattern
             id="pattern1_1917_501"
-            patternContentUnits="objectBoundingBox"
+            pattern-content-units="objectBoundingBox"
             width="1"
             height="1"
           >
@@ -248,10 +228,10 @@ export function createNewCertificateType20({
             y1="354.044"
             x2="-87.1615"
             y2="296.665"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId1}"
@@ -259,10 +239,10 @@ export function createNewCertificateType20({
             y1="101.905"
             x2="474.614"
             y2="50.3467"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId2}"
@@ -270,10 +250,10 @@ export function createNewCertificateType20({
             y1="291.108"
             x2="-65.2709"
             y2="233.728"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId3}"
@@ -281,10 +261,10 @@ export function createNewCertificateType20({
             y1="229.64"
             x2="-106.885"
             y2="196.365"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId4}"
@@ -292,10 +272,10 @@ export function createNewCertificateType20({
             y1="1151.69"
             x2="726.903"
             y2="1094.31"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId5}"
@@ -303,10 +283,10 @@ export function createNewCertificateType20({
             y1="1094.22"
             x2="947.178"
             y2="1036.84"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId6}"
@@ -314,10 +294,10 @@ export function createNewCertificateType20({
             y1="874.049"
             x2="917.879"
             y2="840.774"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId7}"
@@ -325,10 +305,10 @@ export function createNewCertificateType20({
             y1="-82.5102"
             x2="845.594"
             y2="860.233"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId8}"
@@ -336,10 +316,10 @@ export function createNewCertificateType20({
             y1="738.371"
             x2="-52.0619"
             y2="916.38"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId9}"
@@ -347,10 +327,10 @@ export function createNewCertificateType20({
             y1="636.01"
             x2="9.54232"
             y2="727.286"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId10}"
@@ -358,10 +338,10 @@ export function createNewCertificateType20({
             y1="737.913"
             x2="158.673"
             y2="830.12"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId11}"
@@ -369,10 +349,10 @@ export function createNewCertificateType20({
             y1="196"
             x2="1008.85"
             y2="231.2"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopOpacity="0.4" />
-            <stop offset="1" stopOpacity="0" />
+            <stop stop-opacity="0.4" />
+            <stop offset="1" stop-opacity="0" />
           </linearGradient>
           <linearGradient
             id="${paintId12}"
@@ -380,10 +360,10 @@ export function createNewCertificateType20({
             y1="92.8"
             x2="1008.85"
             y2="218.4"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId13}"
@@ -391,10 +371,10 @@ export function createNewCertificateType20({
             y1="178.616"
             x2="957.234"
             y2="207.432"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId14}"
@@ -402,10 +382,10 @@ export function createNewCertificateType20({
             y1="162.046"
             x2="967.207"
             y2="176.822"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId15}"
@@ -413,10 +393,10 @@ export function createNewCertificateType20({
             y1="178.542"
             x2="991.347"
             y2="193.468"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop stopColor="${subColor}" />
-            <stop offset="1" stopColor="${mainColor}" />
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId16}"
@@ -424,10 +404,10 @@ export function createNewCertificateType20({
             y1="222.669"
             x2="1011.7"
             y2="217.132"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId17}"
@@ -435,10 +415,10 @@ export function createNewCertificateType20({
             y1="212.95"
             x2="1031.41"
             y2="207.413"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <linearGradient
             id="${paintId18}"
@@ -446,10 +426,10 @@ export function createNewCertificateType20({
             y1="191.18"
             x2="1024.74"
             y2="188.308"
-            gradientUnits="userSpaceOnUse"
+            gradient-units="userSpaceOnUse"
           >
-            <stop offset="0.0001" stopColor="${mainColor}" />
-            <stop offset="1" stopColor="${subColor}" />
+            <stop offset="0.0001" stop-color="${mainColor}" />
+            <stop offset="1" stop-color="${subColor}" />
           </linearGradient>
           <clipPath id="clip0_1917_501">
             <rect
@@ -464,4 +444,4 @@ export function createNewCertificateType20({
         </defs>
       </svg>
   `;
-} 
+}

package/src/templates/certificates/NewCertificateType21.ts

@@ -34,15 +34,9 @@ export function createNewCertificateType21({
             height="814"
             transform="matrix(1 0 0 -1 0.847656 814)"
             fill="${mainColor}"
-            fillOpacity="0.1"
+            fill-opacity="0.1"
           />
-          <path d="M300.848 0V814" stroke="black" strokeWidth="2" />
-
-          <path
-            d="M1020.85 552H869.848"
-            stroke="${mainColor}"
-            strokeWidth="2"
-          /> */}
+          <path d="M300.848 0V814" stroke="black" stroke-width="2" />
 
           <path
             d="M364 214.5C364 215.6 363.1 216.5 362 216.5C360.9 216.5 360 215.6 360 214.5C360 213.4 360.9 212.5 362 212.5C363.1 212.5 364 213.4 364 214.5Z"
@@ -70,7 +64,7 @@ export function createNewCertificateType21({
             height="196"
             transform="matrix(1 0 0 -1 -28.1523 196)"
             fill="${extraColor1}"
-            fillOpacity="0.4"
+            fill-opacity="0.4"
           />
 
           <rect
@@ -96,7 +90,7 @@ export function createNewCertificateType21({
             rx="19"
             transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 228.98 398.852)"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
 
           <rect x="360.848" y="641" width="80" height="80" />
@@ -118,14 +112,14 @@ export function createNewCertificateType21({
             fill="${extraColor2}"
           />
           <path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
             d="M188.848 624.619V575.784C188.848 521.243 148.106 477.028 97.8476 477.028H-44.1524C-94.4103 477.028 -135.152 521.243 -135.152 575.784L-135.152 823.216C-135.152 877.757 -94.4102 921.972 -44.1523 921.972L97.8477 921.972C148.106 921.972 188.848 877.757 188.848 823.216V709.267H247.848V823.216C247.848 913.119 180.69 986 97.8477 986L-44.1523 986C-126.995 986 -194.152 913.119 -194.152 823.216L-194.152 575.784C-194.152 485.881 -126.995 413 -44.1524 413H97.8476C180.69 413 247.848 485.881 247.848 575.784V624.619H188.848Z"
             fill="${subColor}"
           />
           <path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
             d="M112.848 -19.5V227.5C112.848 270.854 77.702 306 34.3477 306C-9.00669 306 -54.1523 270.854 -54.1523 227.5V-19.5C-54.1523 -62.8543 -9.00669 -98 34.3477 -98C77.702 -98 112.848 -62.8543 112.848 -19.5ZM34.3477 365C-41.5915 365 -113.152 303.439 -113.152 227.5V-19.5C-113.152 -95.4391 -41.5915 -157 34.3477 -157C110.287 -157 171.848 -95.4391 171.848 -19.5V227.5C171.848 303.439 110.287 365 34.3477 365Z"
             fill="${mainColor}"
           />
@@ -143,7 +137,7 @@ export function createNewCertificateType21({
             rx="19"
             transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 228.98 398.852)"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <rect
             y="-1.41421"
@@ -152,7 +146,7 @@ export function createNewCertificateType21({
             rx="13"
             transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 85.2813 701.452)"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <rect
             width="51.1951"
@@ -164,15 +158,15 @@ export function createNewCertificateType21({
           <path
             d="M259.848 853.5L259.848 771.5"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
-          <path d="M235.848 831.5V757" stroke="black" strokeWidth="2" />
+          <path d="M235.848 831.5V757" stroke="black" stroke-width="2" />
           <path
             d="M225.848 174.5L300.348 174.5"
             stroke="black"
-            strokeWidth="2"
+            stroke-width="2"
           />
-          <path d="M245.848 150L299.848 150" stroke="black" strokeWidth="2" />
+          <path d="M245.848 150L299.848 150" stroke="black" stroke-width="2" />
           <rect
             x="1112.85"
             y="196"
@@ -187,10 +181,10 @@ export function createNewCertificateType21({
             height="196"
             transform="matrix(1 0 0 -1 -28.1523 196)"
             fill="${extraColor1}"
-            fillOpacity="0.4"
+            fill-opacity="0.4"
           />
-          <path d="M53.8477 90L53.8477 -5" stroke="black" strokeWidth="2" />
-          <path d="M29.8477 67.5V-7" stroke="black" strokeWidth="2" />
+          <path d="M53.8477 90L53.8477 -5" stroke="black" stroke-width="2" />
+          <path d="M29.8477 67.5V-7" stroke="black" stroke-width="2" />
 
           <mask
             id="mask0_1917_600"

package/src/templates/certificates/NewCertificateType22.ts

@@ -36,7 +36,7 @@ export function createNewCertificateType22({
             height="730"
             rx="10"
             stroke="black"
-            strokeWidth="4"
+            stroke-width="4"
           />
           <path
             d="M412.848 0L0.847656 124V0H412.848Z"
@@ -69,7 +69,7 @@ export function createNewCertificateType22({
           <path
             d="M1050.85 706H899.848"
             stroke="${mainColor}"
-            strokeWidth="2"
+            stroke-width="2"
           /> */}
           <path
             d="M0.847656 291V0H103.848L0.847656 291Z"

package/src/templates/certificates/NewCertificateType23.ts

@@ -113,12 +113,12 @@ export function createNewCertificateType23({
             fill="url(#pattern0_1917_861)"
           />
 
-          <path d="M833.047 621.8H1032.85" stroke="white" strokeWidth="1.6" />
+          <path d="M833.047 621.8H1032.85" stroke="white" stroke-width="1.6" />
 
           <path
             d="M832.849 542.4C832.849 516.332 853.981 495.2 880.049 495.2H1032.85V645.6C1032.85 671.668 1011.72 692.8 985.649 692.8H832.849V542.4Z"
             stroke="white"
-            strokeWidth="1.6"
+            stroke-width="1.6"
           />
 
           <mask