@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/badges/BadgeType25.ts

@@ -0,0 +1,60 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType25({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 545 468"
+      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="M532.496 234.441C532.496 356.805 416.09 456 272.496 456C128.902 456 12.4961 356.805 12.4961 234.441C12.4961 112.078 128.902 12.8828 272.496 12.8828C416.09 12.8828 532.496 112.078 532.496 234.441Z"
+        fill="${mainColor}"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M544.496 234.441C544.496 365.161 420.845 468 272.496 468C124.147 468 0.496094 365.161 0.496094 234.441C0.496094 103.722 124.147 0.882812 272.496 0.882812C420.845 0.882812 544.496 103.722 544.496 234.441ZM272.496 456C416.09 456 532.496 356.805 532.496 234.441C532.496 112.078 416.09 12.8828 272.496 12.8828C128.902 12.8828 12.4961 112.078 12.4961 234.441C12.4961 356.805 128.902 456 272.496 456Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M520.496 234.44C520.496 350.335 409.463 444.286 272.496 444.286C135.529 444.286 24.4961 350.335 24.4961 234.44C24.4961 118.545 135.529 24.5934 272.496 24.5934C409.463 24.5934 520.496 118.545 520.496 234.44Z"
+        fill="white"
+      />
+      <path
+        d="M514.905 234.441C514.905 346.838 406.376 437.954 272.498 437.954C138.619 437.954 30.0898 346.838 30.0898 234.441C30.0898 122.044 138.619 30.9275 272.498 30.9275C406.376 30.9275 514.905 122.044 514.905 234.441Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M504.496 246.286C504.496 333.896 400.626 430 272.496 430C144.366 430 40.4961 333.896 40.4961 246.286C40.4961 158.676 73.8286 244.954 272.496 244.954C463.567 244.954 504.496 158.676 504.496 246.286Z"
+        fill="url(#paint0_linear_2399_1190)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1190"
+          x1="143.42"
+          y1="212.775"
+          x2="353.645"
+          y2="474.166"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="white" stop-opacity="0.5" />
+          <stop offset="1" stop-color="white" stop-opacity="0.2" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType26.ts

@@ -0,0 +1,84 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType26({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 450 524"
+      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 filter="url(#filter0_d_2399_1192)">
+        <path
+          d="M423.498 382.977L239.649 507.105C230.636 513.19 219.363 513.19 210.35 507.105L26.5008 382.977C17.9216 377.188 12.6719 366.744 12.6719 355.48V44.5773C12.6719 26.8622 25.4168 12.5123 41.1505 12.5123H408.849C424.582 12.5123 437.327 26.8622 437.327 44.5773V355.463C437.327 366.727 432.077 377.171 423.498 382.96V382.977Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <path
+        d="M406.086 373.956L238.364 488.82C230.142 494.451 219.857 494.451 211.635 488.82L43.9128 373.956C36.0861 368.599 31.2969 358.934 31.2969 348.511V60.8094C31.2969 44.4163 42.9238 31.1373 57.2774 31.1373H392.721C407.075 31.1373 418.702 44.4163 418.702 60.8094V348.495C418.702 358.918 413.912 368.583 406.086 373.939V373.956Z"
+        fill="white"
+      />
+      <path
+        d="M406.365 374.111L238.385 488.999C230.15 494.631 219.85 494.631 211.615 488.999L43.6353 374.111C35.7966 368.753 31 359.086 31 348.661V60.9008C31 44.5044 42.6448 31.2227 57.0204 31.2227H392.98C407.355 31.2227 419 44.5044 419 60.9008V348.645C419 359.07 414.203 368.737 406.365 374.095V374.111Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M397.016 367.783L237.695 477.2C229.885 482.564 220.115 482.564 212.305 477.2L52.984 367.783C45.5493 362.68 41 353.474 41 343.545V69.4875C41 53.8719 52.0446 41.2227 65.6792 41.2227H384.321C397.955 41.2227 409 53.8719 409 69.4875V343.529C409 353.458 404.451 362.665 397.016 367.767V367.783Z"
+        fill="white"
+      />
+      <path
+        d="M53 71.2227C53 61.2815 61.0589 53.2227 71 53.2227H377C386.941 53.2227 395 61.2815 395 71.2227V237.223C395 247.164 386.941 255.223 377 255.223H71C61.0589 255.223 53 247.164 53 237.223V71.2227Z"
+        fill="${mainColor}"
+      />
+      <defs>
+        <filter
+          id="filter0_d_2399_1192"
+          x="0.671875"
+          y="0.512329"
+          width="448.656"
+          height="523.156"
+          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_2399_1192"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2399_1192"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType27.ts

@@ -0,0 +1,65 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType27({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 517 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;
+      "
+    >
+      <g clip-path="url(#clip0_2399_1197)">
+        <path
+          d="M357.251 0.164968L159.556 0.382463C138.337 0.406592 118.711 11.7377 108.081 30.1013L9.02989 201.211C-1.60017 219.574 -1.6189 242.186 8.96936 260.526L107.629 431.409C118.217 449.748 137.809 461.038 159.027 461.014L356.723 460.797C377.941 460.772 397.567 449.441 408.197 431.078L507.233 259.977C517.864 241.614 517.882 219.001 507.294 200.662L408.635 29.779C398.046 11.4395 378.454 0.149692 357.236 0.173834L357.251 0.164968Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M351.545 13.4395L165.236 13.6445C145.24 13.6672 126.744 24.3457 116.727 41.6515L23.3803 202.905C13.3625 220.211 13.3448 241.521 23.3232 258.804L116.3 419.845C126.278 437.128 144.742 447.767 164.738 447.745L351.047 447.54C371.043 447.517 389.539 436.838 399.557 419.533L492.888 258.287C502.906 240.981 502.924 219.671 492.945 202.388L399.969 41.3478C389.99 24.0647 371.527 13.4251 351.53 13.4478L351.545 13.4395Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M168.296 21.7846L344.732 21.5905L344.718 21.5987L348.459 21.5945C367.44 21.5729 384.965 31.6721 394.435 48.0761L484.352 203.816C493.823 220.22 493.806 240.447 484.297 256.874L394.037 412.812C384.528 429.24 366.97 439.377 347.989 439.398L167.813 439.596L167.814 440.596L167.812 439.596C148.832 439.618 131.307 429.519 121.836 413.115L31.9194 257.375C22.4485 240.971 22.4648 220.744 31.974 204.317L122.248 48.3708C131.757 31.9431 149.315 21.8062 168.296 21.7846Z"
+          stroke="${mainColor}"
+          stroke-width="2"
+        />
+        <path
+          d="M143.422 194.364C143.422 195.192 237.186 195.864 239.76 195.864C242.335 195.864 244.422 195.192 244.422 194.364C244.422 193.536 242.335 192.864 239.76 192.864C237.186 192.864 143.422 193.536 143.422 194.364Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M257.212 190.002C258.013 188.982 259.557 188.982 260.358 190.002L262.814 193.128C263.384 193.854 263.384 194.874 262.814 195.6L260.358 198.726C259.557 199.745 258.013 199.745 257.212 198.726L254.756 195.6C254.186 194.874 254.186 193.854 254.756 193.128L257.212 190.002Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M374.148 194.364C374.148 195.192 280.384 195.864 277.81 195.864C275.235 195.864 273.148 195.192 273.148 194.364C273.148 193.536 275.235 192.864 277.81 192.864C280.384 192.864 374.148 193.536 374.148 194.364Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M194.422 353.891C194.422 354.383 250.123 354.782 251.653 354.782C253.182 354.782 254.422 354.383 254.422 353.891C254.422 353.399 253.182 353 251.653 353C250.123 353 194.422 353.399 194.422 353.891Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M322.422 353.891C322.422 354.383 266.721 354.782 265.191 354.782C263.662 354.782 262.422 354.383 262.422 353.891C262.422 353.399 263.662 353 265.191 353C266.721 353 322.422 353.399 322.422 353.891Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2399_1197">
+          <rect width="517" height="462" fill="${subColor}" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType28.ts

@@ -0,0 +1,67 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType28({
+  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 440 490"
+      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="M411.691 101.782L248.352 7.58226C230.82 -2.52742 209.213 -2.52742 191.682 7.58226L28.3263 101.782C10.795 111.892 0 130.581 0 150.8V339.2C0 359.419 10.795 378.108 28.3263 388.218L191.665 482.418C209.197 492.527 230.803 492.527 248.335 482.418L411.674 388.218C429.205 378.108 440 359.419 440 339.2V150.8C440 130.581 429.205 111.892 411.674 101.782H411.691Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M402.106 108.212L246.934 18.2418C230.279 8.58605 209.753 8.58605 193.098 18.2418L37.9099 108.212C21.2552 117.868 11 135.718 11 155.029V334.971C11 354.282 21.2552 372.132 37.9099 381.787L193.082 471.758C209.737 481.414 230.263 481.414 246.918 471.758L402.09 381.787C418.745 372.132 429 354.282 429 334.971V155.029C429 135.718 418.745 117.868 402.09 108.212H402.106Z"
+        fill="white"
+      />
+      <path
+        d="M392.522 115.227L245.516 29.8705C229.738 20.7098 210.292 20.7098 194.514 29.8705L47.4936 115.227C31.7155 124.388 22 141.322 22 159.643V330.357C22 348.678 31.7155 365.612 47.4936 374.773L194.499 460.13C210.277 469.29 229.723 469.29 245.501 460.13L392.506 374.773C408.285 365.612 418 348.678 418 330.357V159.643C418 141.322 408.285 124.388 392.506 115.227H392.522Z"
+        fill="${mainColor}"
+      />
+      <rect x="22" y="189" width="396" height="144" fill="${subColor}" />
+      <rect
+        x="31.0938"
+        y="195.867"
+        width="377.816"
+        height="130.266"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M243.471 37.4144L380.08 116.735H380.065L386.488 120.464C401.22 129.017 410.297 144.833 410.297 161.95V328.05C410.297 345.167 401.22 360.983 386.488 369.536L243.456 452.586C228.726 461.138 210.572 461.138 195.841 452.586L52.8089 369.536C38.0772 360.983 29 345.167 29 328.05V161.95C29 144.833 38.0772 129.017 52.8088 120.464L195.856 37.4144L194.866 35.7094L195.856 37.4144C210.586 28.8619 228.74 28.8619 243.471 37.4144Z"
+        stroke="black"
+        stroke-opacity="0.6"
+        stroke-width="4"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="220"
+          y1="0"
+          x2="220"
+          y2="490"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType29.ts

@@ -0,0 +1,116 @@
+export interface ISvgProps {
+    mainColor?: string;
+    subColor?: string;
+  }
+  
+  export function createBadgeType29({
+    mainColor = "#96A6B4",
+    subColor = "#96A6B4",
+  }: ISvgProps): string {
+    return `
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 480 560"
+        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 filter="url(#filter0_d_2399_1207)">
+          <path
+            d="M453.15 409.81L255.731 543.099C246.053 549.634 233.947 549.634 224.269 543.099L26.8497 409.81C17.6372 403.593 12 392.378 12 380.283V46.4318C12 27.4091 25.6857 12 42.5807 12H437.419C454.314 12 468 27.4091 468 46.4318V380.264C468 392.36 462.363 403.575 453.15 409.791V409.81Z"
+            fill="white"
+          />
+        </g>
+        <path
+          d="M434.453 400.122L254.351 523.465C245.522 529.512 234.478 529.512 225.649 523.465L45.5471 400.122C37.1427 394.37 32 383.992 32 372.799V63.8622C32 46.2592 44.4852 32 59.8982 32H420.102C435.515 32 448 46.2592 448 63.8622V372.782C448 383.975 442.857 394.353 434.453 400.105V400.122Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M419.495 392.372L253.247 507.758C245.097 513.414 234.903 513.414 226.753 507.758L60.505 392.372C52.7471 386.991 48 377.283 48 366.812V77.8066C48 61.3392 59.5248 48 73.7522 48H406.248C420.475 48 432 61.3392 432 77.8066V366.796C432 377.267 427.253 386.975 419.495 392.356V392.372Z"
+          fill="white"
+        />
+        <path
+          d="M60 84C60 70.7452 70.7452 60 84 60H396C409.255 60 420 70.7452 420 84V279H60V84Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M48 371.929C48 379.802 51.8616 387.175 58.3336 391.658L228.611 509.611C235.462 514.357 244.538 514.357 251.389 509.611L421.666 391.658C428.138 387.175 432 379.802 432 371.929V279H48L48 371.929Z"
+          fill="white"
+        />
+        <path
+          d="M373.567 425H106.441L229.569 510.504C235.735 514.786 243.912 514.792 250.084 510.517L373.567 425Z"
+          fill="${subColor}"
+        />
+        <mask
+          id="mask0_2399_1207"
+          style="mask-type:alpha"
+          maskUnits="userSpaceOnUse"
+          x="60"
+          y="60"
+          width="360"
+          height="219"
+        >
+          <path
+            d="M60 84C60 70.7452 70.7452 60 84 60H396C409.255 60 420 70.7452 420 84V279H60V84Z"
+            fill="${subColor}"
+          />
+        </mask>
+        <g mask="url(#mask0_2399_1207)">
+          <ellipse
+            cx="240.5"
+            cy="266.833"
+            rx="197.5"
+            ry="79.8768"
+            fill="${mainColor}"
+          />
+        </g>
+        <path d="M60 285L420 285" stroke="${mainColor}" stroke-width="4" />
+        <path d="M90 419H390" stroke="${mainColor}" stroke-width="4" />
+        <defs>
+          <filter
+            id="filter0_d_2399_1207"
+            x="0"
+            y="0"
+            width="480"
+            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_2399_1207"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow_2399_1207"
+              result="shape"
+            />
+          </filter>
+        </defs>
+      </svg>
+    `;
+  }

package/src/templates/badges/BadgeType3.ts

@@ -0,0 +1,95 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType3({
+  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="
+        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="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="M268.021 26.1964L268.021 26.1964C251.315 16.6012 230.72 16.6012 214.014 26.1965L43.9753 123.857C27.2729 133.45 17 151.175 17 170.34V365.66C17 384.825 27.2729 402.55 43.9753 412.143L213.997 509.804C230.703 519.399 251.297 519.399 268.004 509.803L438.025 412.143C454.727 402.55 465 384.825 465 365.66V170.34C465 151.175 454.727 133.45 438.025 123.857L268.021 26.1964Z"
+        stroke="${mainColor}"
+        stroke-width="10"
+      />
+      <path
+        d="M268.021 26.1964L268.021 26.1964C251.315 16.6012 230.72 16.6012 214.014 26.1965L43.9753 123.857C27.2729 133.45 17 151.175 17 170.34V365.66C17 384.825 27.2729 402.55 43.9753 412.143L213.997 509.804C230.703 519.399 251.297 519.399 268.004 509.803L438.025 412.143C454.727 402.55 465 384.825 465 365.66V170.34C465 151.175 454.727 133.45 438.025 123.857L268.021 26.1964Z"
+        stroke="black"
+        stroke-opacity="0.3"
+        stroke-width="10"
+      />
+      <path
+        d="M431.819 125.951L269.223 32.5204C251.771 22.4932 230.262 22.4932 212.811 32.5204L50.1975 125.951C32.7459 135.979 22 150 22 170.054V361.431C22 387.5 32.7459 400.021 50.1975 410.049L212.794 503.48C230.246 513.507 251.754 513.507 269.206 503.48L431.803 410.049C449.254 400.021 460 388 460 361.431V174.569C460 148.5 449.254 135.979 431.803 125.951H431.819Z"
+        fill="${mainColor}"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22 349V361.431C22 387.5 32.7459 400.021 50.1975 410.049L212.794 503.48C231.5 515.5 252 514 269.206 503.48L431.803 410.049C449.254 400.021 460.5 387 460 361.431V349H22Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M267.728 35.1216L267.728 35.1215C251.202 25.6261 230.832 25.6262 214.305 35.1216L51.6921 128.553C34.8939 138.204 25 151.36 25 170.054V361.431C25 374.039 27.5927 383.092 32.0847 390.144C36.5931 397.222 43.19 402.562 51.6921 407.447L214.289 500.879C230.815 510.374 251.185 510.374 267.711 500.878L430.308 407.447C438.833 402.549 445.421 397.329 449.921 390.322C454.403 383.343 457 374.299 457 361.431V174.569C457 161.961 454.407 152.908 449.915 145.856C445.407 138.778 438.81 133.438 430.308 128.553L267.728 35.1216Z"
+        stroke="white"
+        stroke-width="6"
+      />
+      <rect x="22" y="187" width="438" height="162" fill="white" />
+      <path
+        d="M126 168.364C126 169.192 219.764 169.864 222.338 169.864C224.913 169.864 227 169.192 227 168.364C227 167.536 224.913 166.864 222.338 166.864C219.764 166.864 126 167.536 126 168.364Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M239.791 164.002C240.591 162.982 242.135 162.982 242.936 164.002L245.392 167.128C245.962 167.854 245.962 168.874 245.392 169.6L242.936 172.726C242.135 173.745 240.591 173.745 239.791 172.726L237.334 169.6C236.764 168.874 236.764 167.854 237.334 167.128L239.791 164.002Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M356.729 168.364C356.729 169.192 262.965 169.864 260.39 169.864C257.816 169.864 255.729 169.192 255.729 168.364C255.729 167.536 257.816 166.864 260.39 166.864C262.965 166.864 356.729 167.536 356.729 168.364Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path d="M28.5 361H454" stroke="white" stroke-width="3" />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="241"
+          y1="0"
+          x2="241"
+          y2="536"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType30.ts

@@ -0,0 +1,42 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType30({
+  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;
+      "
+    >
+      <circle
+        cx="268"
+        cy="268"
+        r="260"
+        fill="white"
+        stroke="${mainColor}"
+        stroke-width="16"
+      />
+      <circle
+        cx="267.999"
+        cy="267.999"
+        r="200.729"
+        transform="rotate(-0.0769217 267.999 267.999)"
+        fill="white"
+        stroke="${mainColor}"
+        stroke-width="12"
+      />
+    </svg>
+  `;
+}