@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/badges/BadgeType10.ts

@@ -0,0 +1,83 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType10({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 488 488"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M244 0C109.25 0 0 109.25 0 244C0 378.75 109.25 488 244 488C378.75 488 488 378.75 488 244V20C488 8.95431 479.046 0 468 0H244Z"
+        fill="url(#${paintId0})"
+      />
+      <circle cx="244" cy="250" r="220" fill="black" fill-opacity="0.2" />
+      <circle cx="244" cy="244" r="214" fill="${mainColor}" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M453.679 201H34.3223C54.2274 103.42 140.54 30 244.001 30C347.462 30 433.774 103.42 453.679 201Z"
+        fill="white"
+      />
+      <circle cx="244" cy="244" r="212" stroke="white" stroke-width="4" />
+      <mask
+        id="mask0_2384_135"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="34"
+        y="34"
+        width="420"
+        height="420"
+      >
+        <circle cx="244" cy="244" r="210" fill="${mainColor}" />
+      </mask>
+      <g mask="url(#mask0_2384_135)">
+        <rect x="25" y="201" width="440" height="140" fill="${subColor}" />
+        <rect
+          x="25"
+          y="201"
+          width="440"
+          height="140"
+          fill="white"
+          fill-opacity="0.3"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="244"
+          y1="0"
+          x2="244"
+          y2="488"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType11.ts

@@ -0,0 +1,110 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType11({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 540 560"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g filter="url(#filter0_d_2384_1366)">
+        <path
+          d="M270 12C412.398 12 528 132.083 528 280V507.484C528 529.843 510.52 548 488.996 548H51.0041C29.4795 548 12 529.843 12 507.484V280C12 132.083 127.602 12 270 12Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M270 28C404.119 28 513 140.914 513 280V493.903C513 514.927 496.537 532 476.264 532H63.7364C43.4633 532 27 514.927 27 493.903V280C27 140.914 135.881 28 270 28Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M270 40C397.495 40 501 147.537 501 280V483.717C501 503.74 485.35 520 466.078 520H73.9223C54.6503 520 39 503.74 39 483.717V280C39 147.537 142.505 40 270 40Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M270 40C397.495 40 501 147.537 501 280V483.717C501 503.74 485.35 520 466.078 520H73.9223C54.6503 520 39 503.74 39 483.717V280C39 147.537 142.505 40 270 40Z"
+        fill="${mainColor}"
+      />
+      <rect
+        x="42.9902"
+        y="316"
+        width="454.018"
+        height="153"
+        fill="${subColor}"
+      />
+      <path
+        d="M42.9902 324L496.982 324"
+        stroke="${mainColor}"
+        stroke-width="4"
+      />
+      <path
+        d="M42.9902 461L496.982 461"
+        stroke="${mainColor}"
+        stroke-width="4"
+      />
+      <path
+        d="M270 43C395.732 43 498 149.085 498 280V483.717C498 502.192 483.586 517 466.078 517H73.9223C56.4141 517 42 502.192 42 483.717V280C42 149.085 144.268 43 270 43Z"
+        stroke="white"
+        stroke-width="6"
+      />
+      <defs>
+        <filter
+          id="filter0_d_2384_1366"
+          x="0"
+          y="0"
+          width="540"
+          height="560"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="6" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_2384_1366"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2384_1366"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType12.ts

@@ -0,0 +1,96 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType12({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 482 536"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M450.988 111.337L272.058 8.29407C252.853 -2.76469 229.184 -2.76469 209.979 8.29407L31.0301 111.337C11.8254 122.396 0 142.839 0 164.957V371.043C0 393.161 11.8254 413.604 31.0301 424.663L209.961 527.706C229.165 538.765 252.835 538.765 272.039 527.706L450.97 424.663C470.175 413.604 482 393.161 482 371.043V164.957C482 142.839 470.175 122.396 450.97 111.337H450.988Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M437.047 120.69L269.996 23.7989C252.066 13.4004 229.968 13.4004 212.039 23.7989L44.97 120.69C27.0403 131.089 16 150.311 16 171.109V364.891C16 385.689 27.0403 404.911 44.97 415.31L212.021 512.201C229.951 522.6 252.049 522.6 269.979 512.201L437.03 415.31C454.96 404.911 466 385.689 466 364.891V171.109C466 150.311 454.96 131.089 437.03 120.69H437.047Z"
+        fill="white"
+      />
+      <mask
+        id="mask0_2384_1368"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="16"
+        y="16"
+        width="450"
+        height="504"
+      >
+        <path
+          d="M437.047 120.69L269.996 23.7989C252.066 13.4004 229.968 13.4004 212.039 23.7989L44.97 120.69C27.0403 131.089 16 150.311 16 171.109V364.891C16 385.688 27.0403 404.911 44.97 415.31L212.021 512.201C229.951 522.6 252.049 522.6 269.979 512.201L437.03 415.31C454.96 404.911 466 385.688 466 364.891V171.109C466 150.311 454.96 131.089 437.03 120.69H437.047Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2384_1368)">
+        <path
+          d="M76.1199 392.133C79.0337 391.549 82.061 392.07 84.6146 393.595L123.978 417.094C127.082 418.947 126.337 423.643 122.814 424.438L105.997 428.23C103.069 428.89 99.9984 428.426 97.3934 426.929L56.2327 403.275C53.0301 401.435 53.8144 396.603 57.4334 395.878L76.1199 392.133Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M207.775 447.375C211.464 446.6 215.31 447.155 218.633 448.944L296.754 490.994C298.696 492.04 299.428 494.461 298.39 496.408L266.762 555.695C265.723 557.642 263.305 558.377 261.357 557.338L108.104 475.542C104.807 473.783 105.503 468.861 109.158 468.093L207.775 447.375Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M278.79 447.747C283.458 446.493 288.423 446.976 292.766 449.106L396.584 500.03C398.566 501.002 399.388 503.396 398.422 505.38L380.7 541.778C379.713 543.805 377.247 544.614 375.25 543.565L231.051 467.759C227.828 466.065 228.354 461.294 231.868 460.35L278.79 447.747Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M226.814 487.424C231.45 486.183 236.379 486.654 240.7 488.751L353.818 543.659C355.809 544.626 356.639 547.027 355.67 549.017L337.936 585.44C336.956 587.452 334.518 588.267 332.526 587.247L177.418 507.871C174.156 506.201 174.662 501.387 178.199 500.44L226.814 487.424Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M126.166 398.35C129.06 397.662 132.107 398.076 134.715 399.512L190.893 430.441C194.12 432.218 193.439 437.048 189.847 437.855L162.424 444.017C159.615 444.648 156.672 444.246 154.133 442.884L97.3216 412.401C94.0781 410.661 94.7027 405.829 98.2812 404.978L126.166 398.35Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M303.158 403.333C305.954 402.448 308.978 402.62 311.657 403.816L368.67 429.259C371.722 430.62 371.862 434.904 368.907 436.457L348.357 447.26C343.692 449.713 338.116 449.705 333.453 447.239L278.617 418.244C275.478 416.584 275.891 411.96 279.274 410.889L303.158 403.333Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M401.255 411.977C402.139 411.646 403.111 411.638 404 411.955L455.475 430.318C458.401 431.362 459.076 435.199 456.681 437.176L444.606 447.143C443.433 448.111 441.813 448.329 440.425 447.705L388.144 424.205C384.885 422.74 385.03 418.061 388.373 416.808L401.255 411.977Z"
+          fill="${subColor}"
+        />
+      </g>
+      <path
+        d="M268.713 31.9834L428.224 124.867H428.208L429.808 125.799C446.946 135.777 457.5 154.224 457.5 174.184V361.816C457.5 381.776 446.946 400.223 429.808 410.201L268.697 504.017C251.56 513.994 230.44 513.994 213.303 504.017L52.1916 410.201C35.0545 400.223 24.5 381.776 24.5 361.816V174.184C24.5 154.224 35.0545 135.777 52.1916 125.799L213.32 31.9834C230.457 22.0055 251.577 22.0055 268.713 31.9834Z"
+        stroke="${mainColor}"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="241"
+          y1="0"
+          x2="241"
+          y2="536"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType13.ts

@@ -0,0 +1,55 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType13({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 482 504"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M450.988 104.69L272.058 7.7989C252.853 -2.59963 229.184 -2.59963 209.979 7.7989L31.0301 104.69C11.8254 115.089 0 134.311 0 155.109V348.891C0 369.688 11.8254 388.911 31.0301 399.31L209.961 496.201C229.165 506.6 252.835 506.6 272.039 496.201L450.97 399.31C470.175 388.911 482 369.688 482 348.891V155.109C482 134.311 470.175 115.089 450.97 104.69H450.988Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M437.047 115.212L269.996 25.2418C252.066 15.5861 229.968 15.5861 212.039 25.2418L44.97 115.212C27.0403 124.868 16 142.718 16 162.029V341.971C16 361.282 27.0403 379.132 44.97 388.788L212.021 478.758C229.951 488.414 252.049 488.414 269.979 478.758L437.03 388.788C454.96 379.132 466 361.282 466 341.971V162.029C466 142.718 454.96 124.868 437.03 115.212H437.047Z"
+        fill="white"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M16.1816 346.645C17.6876 364.344 28.3791 380.355 44.9683 389.323L212.02 479.646C229.949 489.34 252.047 489.34 269.977 479.646L437.028 389.323C453.617 380.355 464.309 364.344 465.815 346.645H16.1816Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M425.624 123.393L425.622 123.401C441.989 132.274 452 148.632 452 166.259V337.741C452 355.368 441.989 371.726 425.622 380.599L267.48 466.34C251.101 475.22 230.899 475.22 214.52 466.34L56.3782 380.599C40.0108 371.726 30 355.368 30 337.741V166.259C30 148.632 40.0108 132.274 56.3781 123.401L214.536 37.6597L213.59 35.9134L214.536 37.6596C230.915 28.7801 251.117 28.7801 267.496 37.6596L425.624 123.393Z"
+        stroke="${mainColor}"
+        stroke-width="4"
+      />
+      <path
+        d="M439 331.08C439 347.745 429.986 363.107 415.439 371.236L263.438 456.171C249.494 463.963 232.506 463.963 218.562 456.171L66.5615 371.236C52.0135 363.107 43 347.745 43 331.08V330C43 304.595 63.5949 284 89 284H393C418.405 284 439 304.595 439 330V331.08Z"
+        stroke="white"
+        stroke-width="4"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M29.4131 348.719H16.4648C18.5993 365.589 29.0936 380.706 45.032 389.323L212.083 479.645C230.013 489.339 252.111 489.339 270.041 479.645L437.092 389.323C453.03 380.706 463.525 365.589 465.659 348.719H452.711C449.376 362.508 440.04 374.593 426.637 381.83L268.495 467.226C251.522 476.391 230.602 476.391 213.629 467.226L55.4869 381.83C42.0844 374.593 32.7482 362.508 29.4131 348.719Z"
+        fill="white"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType14.ts

@@ -0,0 +1,79 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType14({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 488 488"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M244 488C109.25 488 0 378.75 0 244C0 109.25 109.25 0 244 0C378.75 0 488 109.25 488 244V468C488 479.046 479.046 488 468 488H244Z"
+        fill="url(#${paintId0})"
+      />
+      <ellipse
+        cx="244"
+        cy="250"
+        rx="220"
+        ry="226"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <circle cx="244" cy="244" r="212" fill="${mainColor}" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M35.6489 187.319H452.35C456.855 204.493 459.253 222.508 459.253 241.077C459.253 279.081 449.211 314.762 431.612 345.659H56.3872C38.7879 314.762 28.7461 279.081 28.7461 241.077C28.7461 222.508 31.1436 204.493 35.6489 187.319Z"
+        fill="url(#paint1_linear_2390_128)"
+        fill-opacity="0.3"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M452.349 187.32H35.6484C59.7067 95.6138 143.869 27.9062 243.999 27.9062C344.129 27.9062 428.291 95.6138 452.349 187.32Z"
+        fill="white"
+      />
+      <circle cx="244" cy="244" r="216" stroke="white" stroke-width="8" />
+      <circle cx="244" cy="244" r="210" stroke="#FF8C53" stroke-width="4" />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="244"
+          y1="488"
+          x2="244"
+          y2="0"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2390_128"
+          x1="243.999"
+          y1="187.319"
+          x2="243.999"
+          y2="345.659"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="white" />
+          <stop offset="1" stop-color="white" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType15.ts

@@ -0,0 +1,59 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType15({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 447 520"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M447 379.678C447 391.413 440.577 402.207 430.262 407.804L238.762 511.718C229.243 516.884 217.757 516.884 208.238 511.718L16.7379 407.804C6.42345 402.207 0 391.414 0 379.678V102.764C0 91.7543 5.59468 81.4635 14.7081 75.2856C53.008 49.3224 128.89 -1.40577 229.611 0.0298356C323.927 1.39104 394.914 49.7758 432.306 75.2716C441.401 81.4734 447 91.753 447 102.762V379.678Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M411.072 392.47C420.285 387.357 426 377.65 426 367.113V108.478C426 98.5938 421.035 89.3084 412.881 83.6233C378.279 59.497 314.054 15.2823 229.075 14.0277L411.072 392.47ZM411.072 392.47L237.572 488.759M411.072 392.47L237.572 488.759M237.572 488.759C228.82 493.617 218.18 493.617 209.428 488.759M237.572 488.759H209.428M209.428 488.759L35.9275 392.47M209.428 488.759L35.9275 392.47M35.9275 392.47C26.7148 387.357 21 377.65 21 367.113M35.9275 392.47L21 367.113M21 367.113V108.481M21 367.113V108.481M21 108.481C21 98.5923 25.959 89.3025 34.1231 83.6457M21 108.481L34.1231 83.6457M34.1231 83.6457C69.587 59.0736 138.271 12.7042 229.075 14.0277L34.1231 83.6457Z"
+        stroke="${mainColor}"
+        stroke-width="6"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M447 123.665C445.628 122.353 444.148 121.141 442.576 120.046C440.507 118.604 438.322 117.068 436.025 115.454C397.862 88.6291 328.721 40.0289 243.5 38.8654C149.286 37.595 82.1783 76.9627 46.4497 99.2444C36.8688 105.219 31 115.746 31 127.038V357.354C31 369 37.3268 379.726 47.5191 385.36L254.718 499.893C255.857 500.523 257.024 501.078 258.215 501.559L238.771 512.118C229.247 517.29 217.753 517.29 208.229 512.118L16.7286 408.122C6.41932 402.523 0 391.732 0 380.001V102.824C0 91.8181 5.59082 81.5305 14.6986 75.3515C52.9955 49.3698 128.882 -1.407 229.611 0.0298592C323.935 1.39226 394.926 49.8233 432.315 75.3376C441.405 81.5404 447 91.8168 447 102.821V123.665Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M447 364.5L425 352L426.5 263.5L447 277.5V364.5Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M447 304L429 292.5V265L447 277.5V304Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M31 344.497L0 329.997V115.496L31 131.997V344.497Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M31 344.5L0 330V279.5L31 296.001V344.5Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType16.ts

@@ -0,0 +1,191 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType16({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 540 540"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g clip-path="url(#clip0_2384_1396)">
+        <path
+          d="M373.236 28.9268L166.756 29.154C144.595 29.1792 124.097 41.0138 112.994 60.1933L9.54156 238.906C-1.56085 258.085 -1.58041 281.702 9.47834 300.857L112.522 479.333C123.58 498.487 144.043 510.279 166.204 510.254L372.684 510.026C394.845 510.001 415.344 498.167 426.446 478.987L529.883 300.284C540.985 281.104 541.005 257.487 529.946 238.333L426.903 59.8567C415.844 40.7023 395.381 28.9108 373.22 28.936L373.236 28.9268Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M479.701 112.932L300.771 9.88879C281.566 -1.16996 257.897 -1.16996 238.692 9.88879L59.743 112.932C40.5383 123.991 28.7129 144.434 28.7129 166.551V372.638C28.7129 394.756 40.5383 415.199 59.743 426.257L238.674 529.301C257.878 540.359 281.548 540.359 300.752 529.301L479.683 426.257C498.888 415.199 510.713 394.756 510.713 372.638V166.551C510.713 144.434 498.888 123.991 479.683 112.932H479.701Z"
+          fill="white"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M463.116 126.678L463.112 126.675L463.099 126.668H463.116L463.103 126.66L463.099 126.658L456.215 122.668L298.317 31.143C280.629 20.8911 258.829 20.8911 241.141 31.143L76.3255 126.668C58.6375 136.92 47.7461 155.871 47.7461 176.375V191.595H51.7461V176.375C51.7461 157.291 61.883 139.662 78.3313 130.128L243.147 34.6037L241.472 31.7134L243.147 34.6037C259.595 25.0709 279.864 25.0709 296.311 34.6037L448.239 122.668H448.221L461.093 130.128C477.541 139.662 487.678 157.291 487.678 176.375V191.595H491.678V176.375C491.678 158.301 483.216 141.434 469.095 130.668C467.202 129.224 465.206 127.89 463.116 126.678Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M36.7129 375.595H502.713V163.595H36.7129V375.595Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M36.7129 171.595H502.713V367.595H36.7129V171.595Z"
+          fill="url(#${paintId0})"
+        />
+        <path
+          d="M36.7129 171.595H502.713V367.595H36.7129V171.595Z"
+          fill="url(#paint1_linear_2384_1396)"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M523.56 227.262L508.713 201.595L508.213 337.718L523.56 311.216V227.262Z"
+          fill="url(#paint2_linear_2384_1396)"
+        />
+        <path
+          d="M15.8484 227.938L30.6955 202.271L31.1953 338.394L15.8484 311.892V227.938Z"
+          fill="url(#paint3_linear_2384_1396)"
+        />
+        <path
+          d="M360.494 28.9266L330.842 28.951L448.478 97.4456L433.2 70.9035L360.494 28.9266Z"
+          fill="url(#paint4_linear_2384_1396)"
+        />
+        <path
+          d="M106.131 468.258L91.3263 442.567L209.463 510.196L178.837 510.235L106.131 468.258Z"
+          fill="url(#paint5_linear_2384_1396)"
+        />
+        <path
+          d="M106.692 71.0875L91.8868 96.7791L210.023 29.1501L179.398 29.1105L106.692 71.0875Z"
+          fill="url(#paint6_linear_2384_1396)"
+        />
+        <path
+          d="M360.021 510.111L330.369 510.086L448.006 441.591L432.727 468.134L360.021 510.111Z"
+          fill="url(#paint7_linear_2384_1396)"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M479.697 112.94C479.698 112.941 479.7 112.942 479.701 112.943C485.742 116.424 491.052 120.834 495.493 125.932C505.163 137.034 510.713 151.4 510.713 166.551V372.638C510.713 394.756 498.888 415.199 479.683 426.257L300.752 529.301C281.548 540.359 257.878 540.359 238.674 529.301L59.743 426.257C40.5383 415.199 28.7129 394.756 28.7129 372.638V166.551C28.7129 144.434 40.5383 123.991 59.743 112.932L238.692 9.88879L245.179 21.1546L66.2302 124.198C66.2302 124.198 66.2302 124.198 66.2302 124.198C51.048 132.94 41.7129 149.092 41.7129 166.551V372.638C41.7129 390.098 51.048 406.249 66.2302 414.992L245.161 518.035C260.35 526.781 279.076 526.781 294.265 518.035C294.264 518.035 294.265 518.035 294.265 518.035L473.195 414.992C488.377 406.249 497.713 390.098 497.713 372.638V166.551C497.713 149.092 488.378 132.94 473.196 124.198L431.056 99.9321H431.078L294.284 21.1545C294.283 21.1544 294.284 21.1546 294.284 21.1545C279.095 12.4084 260.368 12.4083 245.179 21.1546L238.692 9.88879C257.897 -1.16996 281.566 -1.16996 300.771 9.88879L479.701 112.932H479.683C479.687 112.935 479.692 112.937 479.697 112.94Z"
+          fill="${subColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M497.713 173.595H41.7129V171.595H497.713V173.595Z"
+          fill="white"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M497.713 367.595H41.7129V365.595H497.713V367.595Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="36.7129"
+          y1="171.595"
+          x2="502.713"
+          y2="367.595"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1396"
+          x1="269.713"
+          y1="171.595"
+          x2="269.713"
+          y2="367.595"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="white" />
+          <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2384_1396"
+          x1="521.713"
+          y1="270.899"
+          x2="505.673"
+          y2="270.899"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_2384_1396"
+          x1="17.6955"
+          y1="271.575"
+          x2="33.7351"
+          y2="271.575"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_2384_1396"
+          x1="397.361"
+          y1="52.3449"
+          x2="389.341"
+          y2="66.2356"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint5_linear_2384_1396"
+          x1="144.846"
+          y1="488.477"
+          x2="152.866"
+          y2="474.587"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint6_linear_2384_1396"
+          x1="145.406"
+          y1="50.8684"
+          x2="153.426"
+          y2="64.7591"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint7_linear_2384_1396"
+          x1="396.889"
+          y1="486.692"
+          x2="388.869"
+          y2="472.801"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0" />
+          <stop offset="1" stop-opacity="0.4" />
+        </linearGradient>
+        <clipPath id="clip0_2384_1396">
+          <rect width="540" height="540" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}