@blockspoon/cert-badge-renderer 1.0.1

package/dist/templates/badges/BadgeType28.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType28 = createBadgeType28;
+function createBadgeType28({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    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/dist/templates/badges/BadgeType29.d.ts

@@ -0,0 +1,5 @@
+export interface ISvgProps {
+    mainColor?: string;
+    subColor?: string;
+}
+export declare function createBadgeType29({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/badges/BadgeType29.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType29 = createBadgeType29;
+function createBadgeType29({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    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/dist/templates/badges/BadgeType3.d.ts

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

package/dist/templates/badges/BadgeType3.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType3 = createBadgeType3;
+function createBadgeType3({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    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/dist/templates/badges/BadgeType30.d.ts

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

package/dist/templates/badges/BadgeType30.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType30 = createBadgeType30;
+function createBadgeType30({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    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>
+  `;
+}

package/dist/templates/badges/BadgeType31.d.ts

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

package/dist/templates/badges/BadgeType31.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType31 = createBadgeType31;
+function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 528"
+      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_2407_140)">
+        <path
+          d="M12 264C12 124.824 124.824 12 264 12C403.176 12 516 124.824 516 264V416C516 471.228 471.228 516 416 516H112C56.7715 516 12 471.228 12 416V264Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M32 264C32 135.87 135.87 32 264 32C392.13 32 496 135.87 496 264V403.2C496 454.452 454.452 496 403.2 496H124.8C73.548 496 32 454.452 32 403.2V264Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M52 264C52 146.916 146.916 52 264 52C381.084 52 476 146.916 476 264V391.2C476 438.034 438.034 476 391.2 476H136.8C89.9663 476 52 438.034 52 391.2V264Z"
+        fill="${subColor}"
+      />
+      <mask
+        id="mask0_2407_140"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="52"
+        y="52"
+        width="424"
+        height="424"
+      >
+        <path
+          d="M52 264C52 146.916 146.916 52 264 52C381.084 52 476 146.916 476 264V391.2C476 438.034 438.034 476 391.2 476H136.8C89.9663 476 52 438.034 52 391.2V264Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_140)">
+        <ellipse cx="81" cy="397.5" rx="105" ry="84.5" fill="white" />
+        <ellipse cx="447.012" cy="397.5" rx="106" ry="84.5" fill="white" />
+        <ellipse cx="413" cy="347.5" rx="51" ry="57.5" fill="white" />
+        <ellipse cx="113.5" cy="343.5" rx="48.5" ry="57.5" fill="white" />
+        <ellipse
+          cx="41.6091"
+          cy="58.9546"
+          rx="41.6091"
+          ry="58.9546"
+          transform="matrix(0.916188 0.400749 -0.476857 0.878981 143.273 299.098)"
+          fill="white"
+        />
+        <ellipse
+          cx="36.2033"
+          cy="58.9546"
+          rx="36.2033"
+          ry="58.9546"
+          transform="matrix(-0.916188 0.400749 0.476857 0.878981 383.719 299.312)"
+          fill="white"
+        />
+        <ellipse
+          cx="47.9925"
+          cy="58.9546"
+          rx="47.9925"
+          ry="58.9546"
+          transform="matrix(0.916188 0.400749 -0.476857 0.878981 178.953 318.684)"
+          fill="white"
+        />
+        <ellipse
+          cx="47.9925"
+          cy="58.9546"
+          rx="47.9925"
+          ry="58.9546"
+          transform="matrix(-0.916188 0.400749 0.476857 0.878981 357.941 314.566)"
+          fill="white"
+        />
+        <path
+          d="M300 344.5C280.5 360 249.019 356.346 234.54 346.058L67 485.5L461.5 491.5L300 344.5Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M143.58 324.96C131.116 308.011 110.966 311.251 102.449 314.99C126.878 314.99 136.725 327.037 138.594 333.06C150.061 329.072 164.976 334.722 171 338.045C162.525 324.087 149.188 323.506 143.58 324.96Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <path
+        d="M85 353C91.8551 347.807 108.681 339.167 121.145 346.146C113.251 339.499 94.971 331.564 85 353Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <path
+        d="M384.42 324.96C396.884 308.011 417.034 311.251 425.551 314.99C401.122 314.99 391.275 327.037 389.406 333.06C377.939 329.072 363.024 334.722 357 338.045C365.475 324.087 378.812 323.506 384.42 324.96Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <path
+        d="M443 353C436.145 347.807 419.319 339.167 406.855 346.146C414.749 339.499 433.029 331.564 443 353Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <circle cx="410" cy="239" r="43" fill="white" />
+      <circle cx="410" cy="239" r="40" fill="${subColor}" />
+      <circle cx="410" cy="239" r="38" fill="white" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M143.2 248.641C140.466 249.502 137.541 249.969 134.5 249.969C119.312 249.969 107 238.328 107 223.969C107 216.998 109.901 210.669 114.624 206C98.6943 206.719 86 219.862 86 235.969C86 252.538 99.4315 265.969 116 265.969C128.04 265.969 138.424 258.876 143.2 248.641Z"
+        fill="white"
+      />
+      <circle cx="139" cy="202" r="4" fill="white" />
+      <circle cx="67" cy="291" r="3" fill="white" />
+      <circle cx="362" cy="293" r="3" fill="white" />
+      <circle cx="465" cy="268" r="4" fill="white" />
+      <defs>
+        <filter
+          id="filter0_d_2407_140"
+          x="0"
+          y="0"
+          width="528"
+          height="528"
+          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_2407_140"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2407_140"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/badges/BadgeType32.d.ts

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

package/dist/templates/badges/BadgeType32.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType32 = createBadgeType32;
+function createBadgeType32({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 552"
+      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_2407_143)">
+        <path
+          d="M12 264C12 124.824 124.824 12 264 12C403.176 12 516 124.824 516 264V500C516 522.091 498.091 540 476 540H52C29.9086 540 12 522.091 12 500V264Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M32 265C32 136.87 135.87 33 264 33C392.13 33 496 136.87 496 265V483C496 502.882 479.882 519 460 519H68C48.1178 519 32 502.882 32 483V265Z"
+        fill="#101113"
+      />
+      <path
+        d="M45.5 265C45.5 144.326 143.326 46.5 264 46.5C384.674 46.5 482.5 144.326 482.5 265V476C482.5 492.292 469.292 505.5 453 505.5H75C58.7076 505.5 45.5 492.292 45.5 476V265Z"
+        fill="${mainColor}"
+        stroke="${subColor}"
+        stroke-width="5"
+      />
+      <path
+        d="M43 328.457H485V476C485 493.673 470.673 508 453 508H75C57.3269 508 43 493.673 43 476V328.457Z"
+        fill="${subColor}"
+      />
+      <circle cx="263.5" cy="195.5" r="92.5" fill="white" />
+      <circle cx="263.5" cy="195.5" r="84.5" fill="#101113" />
+      <circle cx="263.5" cy="195.5" r="79.5" fill="${subColor}" />
+      <rect
+        x="48.1797"
+        y="304.777"
+        width="431.634"
+        height="153"
+        fill="#101113"
+      />
+      <path
+        d="M48.1797 312.777L479.789 312.777"
+        stroke="${mainColor}"
+        stroke-width="5"
+      />
+      <path
+        d="M48.1797 449.777L479.789 449.777"
+        stroke="${mainColor}"
+        stroke-width="5"
+      />
+      <defs>
+        <filter
+          id="filter0_d_2407_143"
+          x="0"
+          y="0"
+          width="528"
+          height="552"
+          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_2407_143"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2407_143"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/badges/BadgeType33.d.ts

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