@blockspoon/cert-badge-renderer 1.0.21 → 1.0.23

package/dist/cjs/templates/ribbons/RibbonType116_1.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType116_1 = createRibbonType116_1;
+function createRibbonType116_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 455 83"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        opacity="0.2"
+        d="M75.9963 82.8737H379.768C399.244 62.0068 414.483 37.1246 424.095 9.61816H31.6699C41.2814 37.1562 56.5205 62.0068 75.9963 82.8737Z"
+        fill="black"
+      />
+      <path d="M455 0H0V76H455V0Z" fill="${mainColor}" />
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType118.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType118({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType118.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType118 = createRibbonType118;
+function createRibbonType118({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 449 128"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M409.865 128C296.042 58.4007 152.928 58.4007 39.105 128C27.4247 120.368 15.2326 113.22 2.58894 106.587C1.11384 92.322 0.240831 77.8449 0 63.2163C137.846 -21.0721 311.154 -21.0721 449 63.2163C448.759 77.8449 447.886 92.322 446.411 106.587C433.767 113.22 421.605 120.368 409.895 128H409.865Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType12.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType12({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType12.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType12 = createRibbonType12;
+function createRibbonType12({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 184"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M495 183.595L522 157.595L499.909 158.895L495 183.595Z"
+        fill="${mainColor}"
+      />
+      <path
+        opacity="0.4"
+        d="M495 183.595L522 157.595L499.909 158.895L495 183.595Z"
+        fill="black"
+      />
+      <path
+        d="M33 183.595L6 157.595L28.0909 158.895L33 183.595Z"
+        fill="${mainColor}"
+      />
+      <path
+        opacity="0.4"
+        d="M33 183.595L6 157.595L28.0909 158.895L33 183.595Z"
+        fill="black"
+      />
+      <rect
+        x="23"
+        y="146.595"
+        width="482"
+        height="24"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <rect x="23" y="0.594849" width="482" height="38" fill="white" />
+      <rect y="6.59485" width="528" height="154" rx="14" fill="${mainColor}" />
+      <mask
+        id="mask0_2384_1367"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="6"
+        width="528"
+        height="155"
+      >
+        <rect
+          y="6.59485"
+          width="528"
+          height="154"
+          rx="14"
+          fill="${mainColor}"
+        />
+      </mask>
+      <g mask="url(#mask0_2384_1367)">
+        <path
+          d="M421.5 -18.4052H597V191.595H240L421.5 -18.4052Z"
+          fill="${subColor}"
+        />
+      </g>
+      <rect
+        y="20.34"
+        width="528"
+        height="126.509"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path d="M0 18.5948L528 18.5948" stroke="white" stroke-width="3" />
+      <path d="M0 148.595L528 148.595" stroke="white" stroke-width="3" />
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType13.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType13({ mainColor, subColor, extraColor1, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType13.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType13 = createRibbonType13;
+function createRibbonType13({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 197"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M524.816 22.1229L504.499 1.17924L504.5 17.6792L524.816 22.1229Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.4"
+        d="M524.817 22.1228L504.502 1.17919L504.5 17.6794L524.817 22.1228Z"
+        fill="black"
+      />
+      <path
+        d="M5.0003 22.1229L25.317 1.17924L25.3164 17.6792L5.0003 22.1229Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.4"
+        d="M4.99948 22.1228L25.3143 1.17919L25.3164 17.6794L4.99948 22.1228Z"
+        fill="black"
+      />
+      <path
+        d="M501.5 188.179H26.5C23 179.679 22.9999 171.679 22.8105 166.179H505C505 174.679 503.5 184.679 501.5 188.179Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+      <rect
+        y="17.1793"
+        width="528"
+        height="154"
+        rx="14"
+        fill="url(#paint0_linear_2481_213)"
+      />
+      <rect
+        y="29.8746"
+        width="528"
+        height="128.608"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path d="M0 28.8864L528 28.8864" stroke="white" stroke-width="3" />
+      <path d="M0 159.472L528 159.472" stroke="white" stroke-width="3" />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2481_213"
+          x1="-5.75303e-07"
+          y1="20.6793"
+          x2="528"
+          y2="165.179"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType13_1.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType13_1({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType13_1.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType13_1 = createRibbonType13_1;
+function createRibbonType13_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 221 170"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g clip-path="url(#clip0_2487_141)">
+        <path
+          d="M112.387 0.882759L217.521 38.5672C220.838 39.7193 222.204 43.6939 220.292 46.6485L185.324 65.1732C184.836 65.9475 184.533 66.8317 184.469 67.7487L183.159 104.468C182.881 108.474 178.533 110.806 175.065 108.819L53.3419 41.5146C50.5085 39.895 49.7382 36.1557 51.6747 33.5424L106.25 2.78369C107.654 0.876888 110.138 0.112086 112.387 0.882759Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M159.111 17.6849L195.851 30.8192L140.018 68.7263L150.775 95.3359L98.4103 66.5121L159.111 17.6849Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M105.142 34.8691L139.724 135.231C140.896 138.541 138.646 142.09 135.145 142.443L83.6964 136.17C82.7866 136.272 81.9069 136.588 81.1511 137.111L45.3563 167.509C42.0546 169.794 37.5168 167.856 36.9015 163.907L2.63508 21.5775C2.12928 18.3532 4.56752 15.4155 7.81799 15.2947L99.8235 31.265C102.19 31.1702 104.339 32.632 105.142 34.8691Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M120.278 78.9535L28.2738 127.873L13.8433 68.7778L130.834 45.5919L150.768 95.3193L120.106 78.439L120.278 78.9535Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2487_141">
+          <rect width="221" height="170" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType18.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType18({ mainColor, subColor, extraColor1, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType18.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType18 = createRibbonType18;
+function createRibbonType18({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 192"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M479 184.5L528 161L488.5 161.5L479 184.5Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.3"
+        d="M479 184.5L529 160.5L488.5 161.5L479 184.5Z"
+        fill="black"
+      />
+      <path
+        d="M57 184.5L8.00037 161L47.5 161.5L57 184.5Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.3"
+        d="M57 184.5L7 160.5L47.5 161.5L57 184.5Z"
+        fill="black"
+      />
+      <rect
+        width="536"
+        height="162"
+        rx="10"
+        fill="url(#${paintId0})"
+      />
+      <path d="M0 12L536 12" stroke="white" />
+      <path d="M0 150L536 150" stroke="white" />
+      <rect
+        y="12.5547"
+        width="536"
+        height="137.145"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="3.33645e-07"
+          y1="18.5824"
+          x2="532.535"
+          y2="165.067"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType18_1.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType18_1({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType18_1.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType18_1 = createRibbonType18_1;
+function createRibbonType18_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 222 173"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g clip-path="url(#clip0_2487_142)">
+        <path
+          d="M111.675 2.36282L5.95907 40.4034C2.62417 41.5671 1.22894 45.5127 3.12855 48.4256L38.0935 66.5322C38.5787 67.2956 38.8771 68.1692 38.9353 69.0769L40.0171 105.433C40.2714 109.398 44.6189 111.678 48.1107 109.687L170.657 42.1982C173.51 40.5748 174.306 36.8664 172.38 34.2915L117.821 4.20337C116.423 2.3246 113.936 1.58419 111.675 2.36282Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M111.675 2.36282L5.95907 40.4034C2.62417 41.5671 1.22894 45.5127 3.12855 48.4256L38.0935 66.5322C38.5787 67.2956 38.8771 68.1692 38.9353 69.0769L40.0171 105.433C40.2714 109.398 44.6189 111.678 48.1107 109.687L170.657 42.1982C173.51 40.5748 174.306 36.8664 172.38 34.2915L117.821 4.20337C116.423 2.3246 113.936 1.58419 111.675 2.36282Z"
+          fill="black"
+          fill-opacity="0.2"
+        />
+        <path
+          d="M87.7661 10.3451L42.8966 26.7451C53.2383 42.6689 61.733 52.0346 83.5285 69.9305L72.6602 96.7644L124.938 67.4146L87.7661 10.3451Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M117.463 35.3109L84.2774 135.083C83.1505 138.373 85.469 141.957 88.9953 142.366L140.628 136.913C141.544 137.029 142.434 137.359 143.202 137.894L179.674 168.848C183.03 171.185 187.562 169.32 188.118 165.382L220.324 23.654C220.782 20.439 218.284 17.4637 215.014 17.2913L122.754 31.7927C120.373 31.6604 118.235 33.0874 117.463 35.3109Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M117.463 35.3109L84.2774 135.083C83.1505 138.373 85.469 141.957 88.9953 142.366L140.628 136.913C141.544 137.029 142.434 137.359 143.202 137.894L179.674 168.848C183.03 171.185 187.562 169.32 188.118 165.382L220.324 23.654C220.782 20.439 218.284 17.4637 215.014 17.2913L122.754 31.7927C120.373 31.6604 118.235 33.0874 117.463 35.3109Z"
+          fill="black"
+          fill-opacity="0.2"
+        />
+        <path
+          d="M102.507 81.9603C133.877 111.544 163.475 121.389 196.311 128.548L209.49 70.9574L94.3558 40.9245L73.1163 95.2918L103.483 78.9191L102.507 81.9603Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2487_142">
+          <rect width="222" height="173" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType19.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType19({ mainColor, subColor, extraColor1, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType19.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType19 = createRibbonType19;
+function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 464 207"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M437 186.595L461 186.595L443 206.595L437 186.595Z"
+        fill="${extraColor1}"
+      />
+      <path
+        d="M437 186.595L461 186.595L443 206.595L437 186.595Z"
+        fill="black"
+        fill-opacity="0.7"
+      />
+      <path
+        d="M27 186.595L3 186.595L21 206.595L27 186.595Z"
+        fill="${extraColor1}"
+      />
+      <path
+        d="M27 186.595L3 186.595L21 206.595L27 186.595Z"
+        fill="black"
+        fill-opacity="0.7"
+      />
+      <rect
+        y="18.5948"
+        width="464"
+        height="170"
+        rx="8"
+        fill="url(#${paintId0})"
+      />
+      <mask
+        id="mask0_2384_1402"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="18"
+        width="464"
+        height="171"
+      >
+        <path
+          d="M0 32.5948C0 24.8629 6.26801 18.5948 14 18.5948H450C457.732 18.5948 464 24.8629 464 32.5948V188.595H0V32.5948Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2384_1402)">
+        <path
+          d="M-20 37.479C-15.6524 32.1335 -12.4468 30.7643 -5.68182 30.6033L465.386 30.6034C474.492 30.4637 478.787 31.9948 484 39.5948"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+        />
+        <path
+          d="M-20 170.711C-15.6524 176.056 -12.4468 177.425 -5.68182 177.586L465.386 177.586C474.492 177.726 478.787 176.195 484 168.595"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+        />
+      </g>
+      <rect
+        x="21"
+        y="188.595"
+        width="422"
+        height="18"
+        fill="url(#paint1_linear_2384_1402)"
+        fill-opacity="0.4"
+      />
+      <rect
+        width="422"
+        height="18"
+        transform="matrix(1 0 0 -1 21 18.5948)"
+        fill="url(#paint2_linear_2384_1402)"
+        fill-opacity="0.4"
+      />
+      <rect
+        y="31.6613"
+        width="464"
+        height="144.766"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="-5.0557e-07"
+          y1="22.4585"
+          x2="476.152"
+          y2="126.196"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1402"
+          x1="280"
+          y1="188.595"
+          x2="280"
+          y2="206.595"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2384_1402"
+          x1="259"
+          y1="0"
+          x2="259"
+          y2="18"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/ribbons/RibbonType19_1.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonType19_1({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonType19_1.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType19_1 = createRibbonType19_1;
+function createRibbonType19_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 546 129"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M473 4C473 1.79086 474.791 0 477 0H540.572C543.267 0 545.19 2.6107 544.392 5.18467L526.367 63.3153C526.128 64.087 526.128 64.913 526.367 65.6847L544.392 123.815C545.19 126.389 543.267 129 540.572 129H477C474.791 129 473 127.209 473 125V4Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M473 10.5586H542.723L525.955 64.4488L542.723 118.441H473V10.5586Z"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M480 9.4679L543.621 9.4679"
+        stroke="white"
+        stroke-width="3"
+      />
+      <path
+        d="M480 118.94L543.621 118.94"
+        stroke="white"
+        stroke-width="3"
+      />
+      <rect
+        x="483"
+        width="42"
+        height="129"
+        fill="url(#paint0_linear_2384_1401)"
+      />
+      <path
+        d="M73 4C73 1.79086 71.2091 0 69 0H5.42819C2.73333 0 0.809517 2.6107 1.60765 5.18467L19.6327 63.3153C19.8719 64.087 19.8719 64.913 19.6327 65.6847L1.60765 123.815C0.809525 126.389 2.73333 129 5.42819 129H69C71.2091 129 73 127.209 73 125V4Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M72.9238 10.5586H3.20117L19.9693 64.4488L3.20117 118.441H72.9238V10.5586Z"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path d="M2 9.4679L65.6211 9.4679" stroke="white" stroke-width="3" />
+      <path d="M2 118.94L65.6211 118.94" stroke="white" stroke-width="3" />
+      <rect
+        width="43"
+        height="129"
+        transform="matrix(-1 0 0 1 62 0)"
+        fill="url(#paint1_linear_2384_1401)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2384_1401"
+          x1="443.838"
+          y1="56.8073"
+          x2="515.536"
+          y2="44.2542"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1401"
+          x1="-40.0946"
+          y1="56.8073"
+          x2="33.206"
+          y2="43.6682"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}