@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/badges/BadgeType55.ts

@@ -0,0 +1,241 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType55({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 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;
+      "
+    >
+      <rect width="536" height="536" rx="20" fill="${mainColor}" />
+      <mask
+        id="mask0_2407_466"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="536"
+        height="536"
+      >
+        <rect
+          x="0.5"
+          y="0.5"
+          width="535"
+          height="535"
+          rx="19.5"
+          fill="#D9D9D9"
+          stroke="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_466)">
+        <g opacity="0.2">
+          <path
+            d="M2.08632 26.2878L2.08632 -4.85083L-27.4959 -20.3556L-57.0781 -4.85083L-57.0781 26.2878L-27.4959 41.7926L2.08632 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M1.80117 26.2872L-27.7811 10.7825L-57.3633 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M61.3926 26.2878L61.3926 -4.85083L31.8104 -20.3556L2.08594 -4.85083L2.08594 26.2878L31.8104 41.7926L61.3926 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M60.9652 26.2872L31.383 10.7825L1.80078 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M31.3828 -20.3569L31.3828 10.7817"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M120.697 26.2878L120.697 -4.85083L91.1151 -20.3556L61.3906 -4.85083L61.3906 26.2878L91.1151 41.7926L120.697 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M120.129 26.2872L90.547 10.7825L60.9648 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M90.5469 -20.3569L90.5469 10.7817"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M180.006 26.2878L180.006 -4.85083L150.424 -20.3556L120.699 -4.85083L120.699 26.2878L150.424 41.7926L180.006 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M179.293 26.2872L149.711 10.7825L120.129 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M149.711 -20.3569L149.711 10.7817"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M239.311 26.2878L239.311 -4.85083L209.586 -20.3556L180.004 -4.85083L180.004 26.2878L209.586 41.7926L239.311 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M238.457 26.2872L208.875 10.7825L179.293 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M208.875 -20.3569L208.875 10.7817"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M298.619 26.2878L298.619 -4.85083L268.895 -20.3556L239.312 -4.85083L239.312 26.2878L268.895 41.7926L298.619 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M297.764 26.2872L268.181 10.7825L238.457 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M268.18 -20.3569L268.18 10.7817"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M357.924 26.2878L357.924 -4.85083L328.199 -20.3556L298.617 -4.85083L298.617 26.2878L328.199 41.7926L357.924 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M356.93 26.2872L327.348 10.7825L297.766 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M327.348 -20.3569L327.348 10.7817"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M417.09 26.2878L417.09 -4.85083L387.508 -20.3556L357.926 -4.85083L357.926 26.2878L387.508 41.7926L417.09 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M416.094 26.2872L386.512 10.7825L356.93 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M386.512 -20.3568L386.512 10.7819"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M476.397 26.2878L476.397 -4.85083L446.814 -20.3556L417.09 -4.85083L417.09 26.2878L446.814 41.7926L476.397 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M475.258 26.2872L445.676 10.7825L416.094 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M445.676 -20.3568L445.676 10.7819"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M535.701 26.2878L535.701 -4.85083L506.119 -20.3556L476.395 -4.85083L476.395 26.2878L506.119 41.7926L535.701 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M534.422 26.2872L504.84 10.7825L475.258 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M504.84 -20.3568L504.84 10.7819"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M595.01 26.2878L595.01 -4.85083L565.428 -20.3556L535.703 -4.85083L535.703 26.2878L565.428 41.7926L595.01 26.2878Z"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M593.591 26.2872L564.009 10.7825L534.422 26.2872"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+          <path
+            d="M564.009 -20.3568L564.009 10.7819"
+            stroke="white"
+            stroke-width="1.5"
+            stroke-miterlimit="10"
+          />
+        </g>
+      </g>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType56.ts

@@ -0,0 +1,79 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType56({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 537 537"
+      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="M505 6C519.359 6 531 17.6406 531 32L531 437C531 488.915 488.915 531 437 531L100 531C48.0852 531 5.99998 488.915 5.99998 437L6 32C6 17.6406 17.6406 5.99998 32 5.99998L505 6Z"
+        fill="${subColor}"
+        stroke="${mainColor}"
+        stroke-width="12"
+      />
+      <path
+        d="M504 24C508.971 24 513 28.0294 513 33L513 428C513 474.944 474.944 513 428 513L109 513C62.0558 513 24 474.944 24 428L24 33C24 28.0294 28.0295 24 33 24L504 24Z"
+        stroke="${mainColor}"
+        stroke-width="6"
+      />
+      <mask
+        id="mask0_2407_467"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="21"
+        y="20"
+        width="495"
+        height="495"
+      >
+        <path
+          d="M504 20C510.627 20 516 25.3726 516 32L516 427C516 475.601 476.601 515 428 515L109 515C60.3989 515 21 475.601 21 427L21 32C21 25.3726 26.3726 20 33 20L504 20Z"
+          fill="#D9D9D9"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_467)">
+        <path
+          d="M446.998 362L446.998 450.815L440.048 450.815L440.048 362L446.998 362ZM446.998 456.033L446.998 461.251L439.914 461.251L439.914 456.033L446.998 456.033ZM418.93 450.815L418.93 461.251L411.98 461.251L411.98 450.815L418.93 450.815ZM404.896 445.596L404.896 450.815L397.946 450.815L397.946 445.596L404.896 445.596ZM404.896 456.033L404.896 461.251L397.812 461.251L397.813 456.033L404.896 456.033ZM404.896 362L404.896 440.378L397.946 440.378L397.946 362L404.896 362ZM418.93 362L418.93 445.596L411.846 445.596L411.846 362L418.93 362ZM432.964 362L432.964 461.251L426.014 461.251L426.014 362L432.964 362Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M341.947 503L334.863 503L334.863 497.782L341.947 497.782L341.947 503ZM327.913 503L320.829 503L320.829 497.782L327.913 497.782L327.913 503ZM447 503L348.897 503L348.897 497.782L447 497.782L447 503ZM447 482.127L327.913 482.127L327.913 476.908L447 476.908L447 482.127ZM313.879 466.472L327.913 466.472L327.913 471.69L313.879 471.69L313.879 466.472ZM447 471.69L334.863 471.69L334.863 466.472L447 466.472L447 471.69ZM320.829 482.127L313.879 482.127L313.879 476.908L320.829 476.908L320.829 482.127ZM447 492.563L313.879 492.563L313.879 487.345L447 487.345L447 492.563Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M363.995 393.313L370.945 393.313L370.945 398.531L363.995 398.531L363.995 393.313ZM378.029 393.313L384.979 393.313L384.979 398.531L378.029 398.531L378.029 393.313ZM258.941 393.313L356.911 393.313L356.911 398.531L258.941 398.531L258.941 393.313ZM258.941 372.439L378.029 372.439L378.029 377.658L258.941 377.658L258.941 372.439ZM391.929 367.221L378.029 367.221L378.029 362.003L391.929 362.003L391.929 367.221ZM258.941 362.002L370.945 362.002L370.945 367.221L258.941 367.221L258.941 362.002ZM384.979 372.439L391.929 372.439L391.929 377.658L384.979 377.658L384.979 372.439ZM258.941 382.876L391.929 382.876L391.929 388.094L258.941 388.094L258.941 382.876Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M315.211 408.557L315.211 404.771L320.156 404.771L389.524 456.443L389.524 460.229L384.578 460.229L315.211 408.557ZM330.047 404.771L340.071 404.771L389.524 441.709L389.524 449.076L330.047 404.771ZM349.828 404.771L359.852 404.771L389.524 426.975L389.524 434.342L349.828 404.771ZM389.524 419.505L369.609 404.771L379.499 404.771L389.524 412.138L389.524 419.505ZM315.211 423.189L315.211 415.822L374.554 460.127L364.664 460.127L315.211 423.189ZM315.211 437.923L315.211 430.556L354.907 460.127L345.016 460.127L315.211 437.923ZM325.101 460.024L315.211 452.657L315.211 445.29L334.992 460.024L325.101 460.024Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M307.861 403.749L307.861 492.563L300.911 492.563L300.911 403.749L307.861 403.749ZM307.861 497.782L307.861 503L300.911 503L300.911 497.782L307.861 497.782ZM279.793 492.563L279.793 503L272.843 503L272.843 492.563L279.793 492.563ZM265.76 487.345L265.76 492.563L258.676 492.563L258.676 487.345L265.76 487.345ZM265.76 497.782L265.76 503L258.809 503L258.809 497.782L265.76 497.782ZM265.76 403.749L265.76 482.127L258.676 482.127L258.676 403.749L265.76 403.749ZM279.793 403.749L279.793 487.345L272.843 487.345L272.843 403.749L279.793 403.749ZM293.827 403.749L293.827 503L286.743 503L286.743 403.749L293.827 403.749Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <path d="M282 143H53V139H282V143Z" fill="${mainColor}" />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType57.ts

@@ -0,0 +1,204 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType57({
+  mainColor = "#96A6B4",
+  subColor = "#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)}`;
+  const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId4 = `paint4_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId5 = `paint5_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId6 = `paint6_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 462 462"
+      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="M462 231C462 251.138 447.785 269.5 442.454 287.862C437.715 306.815 440.677 329.915 431.2 346.5C421.131 363.677 399.808 371.969 386.185 386.185C371.969 399.808 363.677 421.131 346.5 431.2C329.915 440.677 306.815 437.715 287.861 442.454C269.5 447.785 251.138 462 231 462C210.862 462 193.092 447.785 174.138 442.454C155.184 437.715 132.677 440.677 115.5 431.2C98.3231 421.131 90.0306 399.808 76.4075 386.185C62.1921 371.969 40.8692 363.677 31.3922 346.5C21.323 329.915 24.8769 306.815 19.5461 287.862C14.8076 269.5 0 251.138 0 231C0 210.862 14.8076 193.092 19.5461 174.139C24.8769 155.185 21.323 132.677 31.3922 115.5C40.8692 98.3231 62.1921 90.0308 76.4075 76.4077C90.0306 62.1924 98.3231 40.8693 115.5 31.3923C132.677 21.3231 155.184 24.8769 174.138 19.5462C193.092 14.8077 210.862 0 231 0C251.138 0 269.5 14.8077 287.861 19.5462C306.815 24.8769 329.915 21.3231 346.5 31.3923C363.677 40.8693 371.969 62.1924 386.185 76.4077C399.808 90.0308 421.131 98.3231 431.2 115.5C440.677 132.677 437.715 155.185 442.454 174.139C447.785 193.092 462 210.862 462 231Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M437.652 286.468L437.626 286.558L437.603 286.649C435.684 294.325 434.952 302.74 434.26 310.684C434.056 313.029 433.856 315.333 433.629 317.565C432.6 327.708 431.037 336.694 426.872 343.996C422.406 351.601 415.328 357.447 407.095 363.401C405.588 364.492 404.031 365.591 402.45 366.708C395.701 371.477 388.492 376.572 382.648 382.648C376.571 388.492 371.477 395.701 366.708 402.45C365.591 404.032 364.492 405.588 363.401 407.095C357.447 415.328 351.601 422.406 343.996 426.872C336.694 431.037 327.708 432.6 317.565 433.629C315.333 433.856 313.029 434.056 310.684 434.26C302.741 434.952 294.325 435.684 286.649 437.603L286.558 437.626L286.467 437.652C279.239 439.751 271.895 443.203 264.892 446.495C262.568 447.588 260.282 448.663 258.05 449.664C248.754 453.836 239.948 457 231 457C222.063 457 213.412 453.844 204.186 449.67C202.133 448.742 200.031 447.751 197.891 446.742C190.741 443.372 183.158 439.797 175.492 437.641L175.422 437.621L175.351 437.603C167.67 435.683 159.339 434.951 151.463 434.259C149.147 434.056 146.87 433.856 144.661 433.63C134.63 432.605 125.603 431.047 117.972 426.853C110.387 422.389 104.547 415.319 98.6897 407.119C97.4804 405.426 96.2615 403.669 95.0221 401.883C90.4532 395.298 85.6063 388.312 79.943 382.649C74.0853 376.791 67.0097 371.827 60.4043 367.193C58.5724 365.908 56.7766 364.648 55.053 363.401C46.8298 357.454 39.934 351.632 35.7701 344.085L35.72 343.994L35.6662 343.905C31.2616 336.651 29.6975 327.725 28.6667 317.565C28.4633 315.559 28.2807 313.492 28.0949 311.388C27.3753 303.24 26.6052 294.519 24.3739 286.56C22.3843 278.879 18.7164 271.129 15.245 263.793C14.3189 261.836 13.4068 259.909 12.5443 258.02C8.2828 248.689 5 239.911 5 231C5 222.1 8.27454 213.478 12.538 204.216C13.3363 202.482 14.1765 200.713 15.0306 198.915C18.568 191.468 22.345 183.517 24.379 175.422C26.608 167.463 27.3767 158.838 28.0964 150.765C28.2816 148.687 28.4636 146.645 28.6663 144.661C29.6944 134.6 31.2558 125.62 35.7057 118.029L35.7387 117.972L35.7701 117.915C39.9318 110.372 46.827 104.549 55.0291 98.6898C56.9409 97.3243 58.9451 95.9447 60.9908 94.5366C67.4001 90.1248 74.2161 85.4331 79.867 80.0177L79.9438 79.9441L80.0174 79.8673C85.4328 74.2164 90.1245 67.4005 94.5363 60.9912C95.9445 58.9454 97.3241 56.9411 98.6897 55.0293C104.548 46.8271 110.372 39.9319 117.915 35.7702L117.972 35.7388L118.029 35.7058C125.62 31.2559 134.6 29.6945 144.661 28.6664C146.645 28.4637 148.687 28.2817 150.764 28.0965C158.838 27.3768 167.462 26.608 175.422 24.3791C183.516 22.3451 191.468 18.5681 198.914 15.0307C200.713 14.1766 202.481 13.3364 204.216 12.5381C213.478 8.27456 222.1 5 231 5C239.911 5 248.689 8.28281 258.02 12.5443C259.909 13.4068 261.836 14.319 263.793 15.2451C271.129 18.7165 278.879 22.3845 286.56 24.374C294.519 26.6054 303.24 27.3754 311.387 28.095C313.492 28.2808 315.559 28.4633 317.565 28.6668C327.725 29.6976 336.651 31.2617 343.905 35.6663L343.994 35.7201L344.085 35.7702C351.632 39.9341 357.454 46.83 363.401 55.0532C364.648 56.7768 365.908 58.5727 367.193 60.4047C371.827 67.01 376.792 74.0856 382.649 79.9433C388.312 85.6066 395.298 90.4535 401.883 95.0223C403.669 96.2617 405.426 97.4806 407.119 98.6898C415.319 104.547 422.389 110.387 426.853 117.972C431.046 125.603 432.605 134.63 433.63 144.661C433.856 146.871 434.056 149.148 434.259 151.464C434.951 159.34 435.683 167.67 437.603 175.351L437.621 175.422L437.641 175.492C439.797 183.158 443.372 190.742 446.742 197.892C447.751 200.032 448.742 202.133 449.67 204.186C453.844 213.412 457 222.063 457 231C457 239.948 453.836 248.754 449.664 258.05C448.663 260.282 447.588 262.568 446.495 264.892C443.203 271.895 439.751 279.239 437.652 286.468Z"
+        stroke="black"
+        stroke-opacity="0.3"
+        stroke-width="10"
+      />
+      <path
+        d="M418 231C418 334.489 334.489 418 231 418C127.511 418 44 334.489 44 231C44 128.12 127.518 44 231 44C334.483 44 418 128.12 418 231Z"
+        fill="${mainColor}"
+        stroke="white"
+        stroke-width="6"
+      />
+      <path
+        d="M406 231C406 327.845 327.845 406 231 406C134.155 406 56 327.845 56 231C56 134.722 134.155 56 231 56C327.845 56 406 134.722 406 231Z"
+        fill="white"
+      />
+      <mask
+        id="mask0_2407_469"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="60"
+        y="60"
+        width="342"
+        height="342"
+      >
+        <path
+          d="M402 231C402 325.631 325.631 402 231 402C136.369 402 60 325.631 60 231C60 136.922 136.369 60 231 60C325.631 60 402 136.922 402 231Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_469)">
+        <rect
+          x="104.902"
+          y="362.509"
+          width="67.8768"
+          height="67.8768"
+          transform="rotate(-45 104.902 362.509)"
+          stroke="url(#${paintId1})"
+          stroke-width="4.10451"
+        />
+        <rect
+          x="129.82"
+          y="321.099"
+          width="32.8043"
+          height="32.8043"
+          transform="rotate(-45 129.82 321.099)"
+          stroke="url(#${paintId2})"
+          stroke-width="4.10451"
+        />
+        <rect
+          x="190.172"
+          y="362.339"
+          width="33.181"
+          height="33.181"
+          transform="rotate(-45 190.172 362.339)"
+          stroke="url(#${paintId3})"
+          stroke-width="4.10451"
+        />
+        <rect
+          x="195.934"
+          y="424.494"
+          width="153.281"
+          height="54.846"
+          transform="rotate(-41.6364 195.934 424.494)"
+          stroke="url(#${paintId4})"
+          stroke-width="3"
+        />
+        <rect
+          x="244.036"
+          y="400.129"
+          width="154.913"
+          height="56.4778"
+          transform="rotate(-41.6364 244.036 400.129)"
+          stroke="url(#${paintId5})"
+          stroke-width="1.36817"
+        />
+        <rect
+          x="247.937"
+          y="362.774"
+          width="86.6282"
+          height="33.5348"
+          transform="rotate(-41.6364 247.937 362.774)"
+          stroke="url(#${paintId6})"
+          stroke-width="4"
+        />
+      </g>
+      <path d="M360 287H102" stroke="${mainColor}" stroke-width="4" />
+      <path d="M360 175L102 175" stroke="${mainColor}" stroke-width="4" />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="-83"
+          y1="148"
+          x2="231"
+          y2="462"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="174.011"
+          y1="362.539"
+          x2="101.97"
+          y2="434.58"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId2}"
+          x1="163.842"
+          y1="321.114"
+          x2="126.903"
+          y2="358.053"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId3}"
+          x1="224.57"
+          y1="362.354"
+          x2="187.254"
+          y2="399.67"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId4}"
+          x1="473.7"
+          y1="472.672"
+          x2="238.143"
+          y2="458.829"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.0001" stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId5}"
+          x1="522.954"
+          y1="448.375"
+          x2="287.397"
+          y2="434.532"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.0001" stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId6}"
+          x1="407.419"
+          y1="393.95"
+          x2="270.724"
+          y2="386.771"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.0001" stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType58.ts

@@ -0,0 +1,67 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType58({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 537 537"
+      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;
+      "
+    >
+      <rect width="537" height="537" rx="36" fill="white" />
+      <path
+        d="M40 21C28.9543 21 20 29.9543 20 41V180H516V41C516 29.9543 507.046 21 496 21H40Z"
+        fill="${mainColor}"
+      />
+      <rect
+        x="23"
+        y="23"
+        width="490"
+        height="490"
+        rx="17"
+        stroke="black"
+        stroke-width="6"
+      />
+      <mask
+        id="mask0_2407_471"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="537"
+        height="537"
+      >
+        <rect width="537" height="537" rx="36" fill="white" />
+      </mask>
+      <g mask="url(#mask0_2407_471)">
+        <path d="M410 -28L-2 96V-28H410Z" fill="${subColor}" />
+        <path d="M410 -28L-2 96V-28H410Z" fill="white" fill-opacity="0.2" />
+        <path d="M-2 263V-28H101L-2 263Z" fill="${subColor}" />
+        <path d="M57 546L516 415L516 546L57 546Z" fill="${subColor}" />
+        <path d="M565 241L565 546L419 546L565 241Z" fill="${mainColor}" />
+      </g>
+      <rect x="61" y="346" width="414" height="4" fill="${mainColor}" />
+      <rect
+        x="6.5"
+        y="6.5"
+        width="523"
+        height="523"
+        rx="29.5"
+        stroke="${mainColor}"
+        stroke-width="13"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType59.ts

@@ -0,0 +1,69 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType59({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 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;
+      "
+    >
+      <rect width="536" height="536" rx="36" fill="white" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M40 21C28.9543 21 20 29.9543 20 41V180H516V41C516 29.9543 507.046 21 496 21H40Z"
+        fill="${mainColor}"
+      />
+      <rect
+        x="23"
+        y="23"
+        width="490"
+        height="490"
+        rx="17"
+        stroke="black"
+        stroke-width="6"
+      />
+      <mask
+        id="mask0_2407_471"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="536"
+        height="536"
+      >
+        <rect width="536" height="536" rx="36" fill="white" />
+      </mask>
+      <g mask="url(#mask0_2407_471)">
+        <path d="M410 -28L-2 96V-28H410Z" fill="${subColor}" />
+        <path d="M410 -28L-2 96V-28H410Z" fill="white" fill-opacity="0.2" />
+        <path d="M-2 263V-28H101L-2 263Z" fill="${subColor}" />
+        <path d="M57 546L516 415L516 546L57 546Z" fill="${subColor}" />
+        <path d="M565 241L565 546L419 546L565 241Z" fill="${mainColor}" />
+      </g>
+      <rect x="61" y="346" width="414" height="4" fill="${mainColor}" />
+      <rect
+        x="6.5"
+        y="6.5"
+        width="523"
+        height="523"
+        rx="29.5"
+        stroke="${mainColor}"
+        stroke-width="13"
+      />
+    </svg>
+  `;
+}