@blockspoon/cert-badge-renderer 1.0.50 → 1.0.52

package/src/templates/badges/BadgeType56.ts

@@ -72,8 +72,66 @@ export function createBadgeType56({
           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}"
         />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M536.947 503L529.997 503L529.997 497.782L536.947 497.782L536.947 503ZM522.913 503L515.963 503L515.963 497.782L522.913 497.782L522.913 503ZM642 503L543.897 503L543.897 497.782L642 497.782L642 503ZM642 482.127L522.913 482.127L522.913 476.908L642 476.908L642 482.127ZM508.879 466.472L522.913 466.472L522.913 471.69L508.879 471.69L508.879 466.472ZM642 471.69L529.997 471.69L529.997 466.472L642 466.472L642 471.69ZM515.963 482.127L508.879 482.127L508.879 476.908L515.963 476.908L515.963 482.127ZM642 492.563L508.879 492.563L508.879 487.345L642 487.345L642 492.563Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M559.003 393.313L566.086 393.313L566.086 398.531L559.003 398.531L559.003 393.313ZM573.036 393.313L579.987 393.313L579.987 398.531L573.036 398.531L573.036 393.313ZM453.949 393.313L552.052 393.313L552.052 398.531L453.949 398.531L453.949 393.313ZM453.949 372.439L573.036 372.439L573.036 377.658L453.949 377.658L453.949 372.439ZM587.07 367.221L573.036 367.221L573.036 362.003L587.07 362.003L587.07 367.221ZM453.949 362.002L566.086 362.002L566.086 367.221L453.949 367.221L453.949 362.002ZM579.987 372.439L587.07 372.439L587.07 377.658L579.987 377.658L579.987 372.439ZM453.949 382.876L587.07 382.876L587.07 388.094L453.949 388.094L453.949 382.876Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M510.352 408.557L510.352 404.771L515.297 404.771L584.664 456.443L584.664 460.229L579.719 460.229L510.352 408.557ZM525.187 404.771L535.078 404.771L584.664 441.709L584.664 449.076L525.187 404.771ZM544.968 404.771L554.859 404.771L584.531 426.975L584.531 434.342L544.968 404.771ZM584.664 419.505L564.883 404.771L574.774 404.771L584.664 412.138L584.664 419.505ZM510.352 423.189L510.352 415.822L569.828 460.127L559.938 460.127L510.352 423.189ZM510.352 437.923L510.352 430.556L549.914 460.127L540.023 460.127L510.352 437.923ZM520.242 460.024L510.352 452.657L510.352 445.29L530.133 460.024L520.242 460.024Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M502.998 403.749L502.998 492.563L495.914 492.563L495.914 403.749L502.998 403.749ZM502.998 497.782L502.998 503L496.048 503L496.048 497.782L502.998 497.782ZM474.93 492.563L474.93 503L467.98 503L467.98 492.563L474.93 492.563ZM460.896 487.345L460.896 492.563L453.946 492.563L453.946 487.345L460.896 487.345ZM460.896 497.782L460.896 503L453.812 503L453.813 497.782L460.896 497.782ZM460.896 403.749L460.896 482.127L453.946 482.127L453.946 403.749L460.896 403.749ZM474.93 403.749L474.93 487.345L467.846 487.345L467.846 403.749L474.93 403.749ZM488.964 403.749L488.964 503L482.014 503L482.014 403.749L488.964 403.749Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M63.0078 503L63.0078 414.185L70.0916 414.185L70.0916 503L63.0078 503ZM63.0078 408.967L63.0078 403.749L69.9579 403.749L69.9579 408.967L63.0078 408.967ZM91.0755 414.185L91.0755 403.749L98.0256 403.749L98.0256 414.185L91.0755 414.185ZM105.109 419.404L105.109 414.185L112.059 414.185L112.059 419.404L105.109 419.404ZM105.109 408.967L105.109 403.749L112.193 403.749L112.193 408.967L105.109 408.967ZM105.109 503L105.109 424.622L112.059 424.622L112.059 503L105.109 503ZM91.0755 503L91.0755 419.404L98.1593 419.404L98.1593 503L91.0755 503ZM77.0417 503L77.0417 403.749L83.9918 403.749L83.9918 503L77.0417 503Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M168.195 362.002L175.145 362.002L175.145 367.221L168.195 367.221L168.195 362.002ZM182.095 362.003L189.179 362.003L189.179 367.221L182.095 367.221L182.095 362.003ZM63.0078 362.002L161.111 362.002L161.111 367.221L63.0078 367.221L63.0078 362.002ZM63.0078 382.876L182.095 382.876L182.095 388.094L63.0078 388.094L63.0078 382.876ZM196.129 398.531L182.095 398.531L182.095 393.313L196.129 393.313L196.129 398.531ZM63.0078 393.313L175.145 393.313L175.145 398.531L63.0078 398.531L63.0078 393.313ZM189.179 382.876L196.129 382.876L196.129 388.094L189.179 388.094L189.179 382.876ZM63.0078 372.439L196.129 372.439L196.129 377.658L63.0078 377.658L63.0078 372.439Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M146.004 471.69L139.054 471.69L139.054 466.472L146.004 466.472L146.004 471.69ZM132.104 471.69L125.02 471.69L125.02 466.472L132.104 466.472L132.104 471.69ZM251.191 471.69L153.088 471.69L153.088 466.472L251.191 466.472L251.191 471.69ZM251.191 492.563L132.104 492.563L132.104 487.345L251.191 487.345L251.191 492.563ZM118.07 497.782L132.104 497.782L132.104 503L118.07 503L118.07 497.782ZM251.191 503L139.054 503L139.054 497.782L251.191 497.782L251.191 503ZM125.02 492.563L118.07 492.563L118.07 487.345L125.02 487.345L125.02 492.563ZM251.191 482.127L118.07 482.127L118.07 476.908L251.191 476.908L251.191 482.127Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M194.789 456.443L194.789 460.229L189.844 460.229L120.477 408.557L120.477 404.771L125.422 404.771L194.789 456.443ZM179.953 460.229L170.063 460.229L120.477 423.291L120.477 415.924L179.953 460.229ZM160.172 460.229L150.282 460.229L120.477 438.025L120.477 430.658L160.172 460.229ZM120.61 445.495L140.391 460.229L130.501 460.229L120.61 452.862L120.61 445.495ZM194.923 441.811L194.923 449.178L135.446 404.873L145.337 404.873L194.923 441.811ZM194.923 427.077L194.923 434.444L155.227 404.873L165.251 404.873L194.923 427.077ZM185.032 404.976L194.923 412.343L194.923 419.71L175.008 404.976L185.032 404.976Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M202.141 461.251L202.141 372.437L209.091 372.437L209.091 461.251L202.141 461.251ZM202.141 367.218L202.141 362L209.224 362L209.224 367.218L202.141 367.218ZM230.075 372.437L230.075 362L237.158 362L237.158 372.437L230.075 372.437ZM244.109 377.655L244.109 372.437L251.059 372.437L251.059 377.655L244.109 377.655ZM244.109 367.218L244.109 362L251.059 362L251.059 367.218L244.109 367.218ZM244.109 461.251L244.109 382.873L251.192 382.873L251.192 461.251L244.109 461.251ZM230.075 461.251L230.075 377.655L237.025 377.655L237.025 461.251L230.075 461.251ZM216.174 461.251L216.174 362L223.125 362L223.125 461.251L216.174 461.251Z"
+          fill="${mainColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M-48.9987 471.69L-55.9488 471.69L-55.9488 466.472L-48.9987 466.472L-48.9987 471.69ZM-63.0326 471.69L-69.9827 471.69L-69.9827 466.472L-63.0326 466.472L-63.0326 471.69ZM56.0547 471.69L-42.0486 471.69L-42.0486 466.472L56.0547 466.472L56.0547 471.69ZM56.0547 492.563L-63.0326 492.563L-63.0326 487.345L56.0547 487.345L56.0547 492.563ZM-77.0664 497.782L-63.0326 497.782L-63.0326 503L-77.0664 503L-77.0664 497.782ZM56.0547 503L-55.9488 503L-55.9488 497.782L56.0547 497.782L56.0547 503ZM-69.9827 492.563L-77.0664 492.563L-77.0664 487.345L-69.9827 487.345L-69.9827 492.563ZM56.0547 482.127L-77.0664 482.127L-77.0664 476.908L56.0547 476.908L56.0547 482.127Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M7.00391 461.251L7.00391 372.437L14.0877 372.437L14.0877 461.251L7.00391 461.251ZM7.00391 367.218L7.00391 362L13.954 362L13.954 367.218L7.00391 367.218ZM35.0716 372.437L35.0716 362L42.0217 362L42.0217 372.437L35.0716 372.437ZM49.1055 377.655L49.1055 372.437L56.1892 372.437L56.1892 377.655L49.1055 377.655ZM49.1055 367.218L49.1055 362L56.0556 362L56.0556 367.218L49.1055 367.218ZM49.1055 461.251L49.1055 382.873L56.0556 382.873L56.0556 461.251L49.1055 461.251ZM35.2053 461.251L35.2053 377.655L42.1554 377.655L42.1554 461.251L35.2053 461.251ZM21.1714 461.251L21.1714 362L28.2552 362L28.2552 461.251L21.1714 461.251Z"
+          fill="${mainColor}"
+        />
       </g>
       <path d="M282 143H53V139H282V143Z" fill="${mainColor}" />
     </svg>
   `;
-} 
+} 

package/src/templates/badges/BadgeType57.ts

@@ -3,6 +3,7 @@ import { ISvgProps } from "../../interface/index.js";
 export function createBadgeType57({
   mainColor = "#96A6B4",
   subColor = "#96A6B4",
+  extraColor1 = "#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)}`;
@@ -31,25 +32,25 @@ export function createBadgeType57({
       <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="${extraColor1}"
         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"
-      />
+        fill="${extraColor1}"
+       />
       <mask
-        id="mask0_2407_469"
+        id="maskId"
         style="mask-type:alpha"
         maskUnits="userSpaceOnUse"
         x="60"
@@ -59,10 +60,12 @@ export function createBadgeType57({
       >
         <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"
-        />
+          fill="${extraColor1}"
+         />
       </mask>
-      <g mask="url(#mask0_2407_469)">
+      <g
+        mask="url(#maskId)"
+      >
         <rect
           x="104.902"
           y="362.509"
@@ -71,7 +74,7 @@ export function createBadgeType57({
           transform="rotate(-45 104.902 362.509)"
           stroke="url(#${paintId1})"
           stroke-width="4.10451"
-        />
+         />
         <rect
           x="129.82"
           y="321.099"
@@ -80,7 +83,7 @@ export function createBadgeType57({
           transform="rotate(-45 129.82 321.099)"
           stroke="url(#${paintId2})"
           stroke-width="4.10451"
-        />
+         />
         <rect
           x="190.172"
           y="362.339"
@@ -89,7 +92,7 @@ export function createBadgeType57({
           transform="rotate(-45 190.172 362.339)"
           stroke="url(#${paintId3})"
           stroke-width="4.10451"
-        />
+         />
         <rect
           x="195.934"
           y="424.494"
@@ -98,7 +101,7 @@ export function createBadgeType57({
           transform="rotate(-41.6364 195.934 424.494)"
           stroke="url(#${paintId4})"
           stroke-width="3"
-        />
+         />
         <rect
           x="244.036"
           y="400.129"
@@ -107,7 +110,7 @@ export function createBadgeType57({
           transform="rotate(-41.6364 244.036 400.129)"
           stroke="url(#${paintId5})"
           stroke-width="1.36817"
-        />
+         />
         <rect
           x="247.937"
           y="362.774"
@@ -116,10 +119,18 @@ export function createBadgeType57({
           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" />
+      <path
+        d="M360 287H102"
+        stroke="${mainColor}"
+        stroke-width="4"
+       />
+      <path
+        d="M360 175L102 175"
+        stroke="${mainColor}"
+        stroke-width="4"
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -129,8 +140,13 @@ export function createBadgeType57({
           y2="462"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId1}"
@@ -140,8 +156,13 @@ export function createBadgeType57({
           y2="434.58"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId2}"
@@ -151,8 +172,13 @@ export function createBadgeType57({
           y2="358.053"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId3}"
@@ -162,8 +188,13 @@ export function createBadgeType57({
           y2="399.67"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId4}"
@@ -173,8 +204,14 @@ export function createBadgeType57({
           y2="458.829"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.0001" stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            offset="0.0001"
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId5}"
@@ -184,8 +221,14 @@ export function createBadgeType57({
           y2="434.532"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.0001" stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            offset="0.0001"
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId6}"
@@ -195,10 +238,16 @@ export function createBadgeType57({
           y2="386.771"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.0001" stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            offset="0.0001"
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
       </defs>
     </svg>
   `;
-} 
+} 

package/src/templates/badges/BadgeType58.ts

@@ -3,6 +3,8 @@ import { ISvgProps } from "../../interface/index.js";
 export function createBadgeType58({
   mainColor = "#96A6B4",
   subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#96A6B4",
 }: ISvgProps): string {
   return `
     <svg
@@ -20,48 +22,150 @@ export function createBadgeType58({
         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"
+        d="M2 12C2 6.47716 6.47715 2 12 2H437C491.124 2 535 45.8761 535 100V437C535 491.124 491.124 535 437 535H12C6.47715 535 2 530.523 2 525V12Z"
+        fill="white"
         stroke="black"
-        stroke-width="6"
-      />
+        stroke-width="4"
+       />
+      <path
+        d="M0 149H537V100C537 44.7715 492.228 0 437 0H12C5.37259 0 0 5.37259 0 12L0 149Z"
+        fill="${mainColor}"
+        fill-opacity="0.1"
+       />
+      <path
+        d="M466.999 347L517 347L517 275.5"
+        stroke="${mainColor}"
+        stroke-width="3"
+       />
+      <path
+        d="M78.5 169L20 169L20 187.5"
+        stroke="${mainColor}"
+        stroke-width="3"
+       />
+      <path
+        d="M0 367H537V437C537 492.228 492.228 537 437 537H12C5.37259 537 0 531.627 0 525L0 367Z"
+        fill="${mainColor}"
+        fill-opacity="0.1"
+       />
       <mask
-        id="mask0_2407_471"
+        id="mask0_2407_470"
         style="mask-type:alpha"
         maskUnits="userSpaceOnUse"
         x="0"
-        y="0"
+        y="367"
         width="537"
-        height="537"
+        height="169"
       >
-        <rect width="537" height="537" rx="36" fill="white" />
+        <path
+          d="M0 367.441H537V435.234C537 490.462 492.228 535.234 437 535.234H12C5.37259 535.234 0 529.861 0 523.234L0 367.441Z"
+          fill="#FFFCF7"
+         />
       </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
+        mask="url(#mask0_2407_470)"
+      >
+        <rect
+          width="40"
+          height="139"
+          transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 537 503)"
+          fill="${extraColor2}"
+         />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M397.589 434.423L364.813 434.423C328.207 434.423 298.532 461.767 298.532 495.498L298.532 590.803C298.532 624.534 328.207 651.878 364.813 651.878L530.879 651.878C567.485 651.878 597.16 624.534 597.16 590.803L597.16 495.498C597.16 461.767 567.485 434.423 530.879 434.423L454.401 434.423L454.401 394.825L530.879 394.825C591.218 394.825 640.133 439.898 640.133 495.498L640.133 590.803C640.133 646.403 591.218 691.477 530.879 691.477L364.813 691.477C304.474 691.477 255.559 646.403 255.559 590.803L255.559 495.498C255.559 439.898 304.474 394.825 364.813 394.825L397.589 394.825L397.589 434.423Z"
+          fill="${subColor}"
+         />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M-34.8065 485.54L130.807 485.54C159.876 485.54 183.441 509.094 183.441 538.149C183.441 567.204 159.876 597.46 130.807 597.46L-34.8065 597.46C-63.8755 597.46 -87.4406 567.204 -87.4406 538.149C-87.4406 509.094 -63.8755 485.54 -34.8065 485.54ZM223 538.149C223 589.042 181.724 637 130.807 637L-34.8065 637C-85.7236 637 -127 589.042 -127 538.149C-127 487.257 -85.7236 446 -34.8065 446L130.807 446C181.724 446 223 487.257 223 538.149Z"
+          fill="${mainColor}"
+         />
+        <rect
+          width="40.9406"
+          height="40.9406"
+          rx="8"
+          transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 261.781 411.514)"
+          fill="${extraColor2}"
+         />
+        <rect
+          x="-2.12132"
+          y="1.78814e-07"
+          width="37.9406"
+          height="37.9406"
+          rx="6.5"
+          transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 244.066 405.315)"
+          stroke="black"
+          stroke-width="3"
+         />
+        <rect
+          x="-2.12132"
+          y="1.78814e-07"
+          width="24.9368"
+          height="24.9368"
+          rx="4.5"
+          transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 447.156 501.762)"
+          stroke="black"
+          stroke-width="3"
+         />
+        <rect
+          width="34.36"
+          height="34.36"
+          rx="8"
+          transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 378.383 526.908)"
+          fill="${extraColor1}"
+         />
+        <path
+          d="M551.207 386.771L496.172 386.771"
+          stroke="black"
+          stroke-width="3"
+         />
+        <path
+          d="M536.441 402.879L486.44 402.879"
+          stroke="black"
+          stroke-width="3"
+         />
+        <rect
+          width="49"
+          height="170"
+          transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 119 410)"
+          fill="${extraColor1}"
+         />
       </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"
-      />
+      <path
+        d="M2 369H535V437C535 491.124 491.124 535 437 535H12C6.47716 535 2 530.523 2 525V369Z"
+        fill="${mainColor}"
+        fill-opacity="0.1"
+        stroke="black"
+        stroke-width="4"
+       />
+      <path
+        d="M2 147H535V101C535 46.8761 491.124 3 437 3H12C6.47716 3 2 7.47714 2 13V147Z"
+        stroke="black"
+        stroke-width="4"
+       />
+      <path
+        d="M36 120C36 121.1 35.1 122 34 122C32.9 122 32 121.1 32 120C32 118.9 32.9 118 34 118C35.1 118 36 118.9 36 120Z"
+        fill="black"
+       />
+      <path
+        d="M46 120C46 121.1 45.1 122 44 122C42.9 122 42 121.1 42 120C42 118.9 42.9 118 44 118C45.1 118 46 118.9 46 120Z"
+        fill="black"
+       />
+      <path
+        d="M56 120C56 121.1 55.1 122 54 122C52.9 122 52 121.1 52 120C52 118.9 52.9 118 54 118C55.1 118 56 118.9 56 120Z"
+        fill="black"
+       />
+      <path
+        d="M66 120C66 121.1 65.1 122 64 122C62.9 122 62 121.1 62 120C62 118.9 62.9 118 64 118C65.1 118 66 118.9 66 120Z"
+        fill="black"
+       />
+      <path
+        d="M76 120C76 121.1 75.1 122 74 122C72.9 122 72 121.1 72 120C72 118.9 72.9 118 74 118C75.1 118 76 118.9 76 120Z"
+        fill="black"
+       />
     </svg>
   `;
-} 
+} 

package/src/templates/badges/BadgeType6.ts

@@ -33,16 +33,16 @@ export function createBadgeType6({
       <path
         d="M444.148 356.73L274.839 451.717C252.771 464.094 225.212 464.094 203.161 451.717L33.8515 356.73C12.8468 344.94 0 323.724 0 300.813V65.195C0 29.1893 31.202 0 69.6902 0H408.31C446.798 0 478 29.1893 478 65.195V300.813C478 323.724 465.153 344.94 444.148 356.73Z"
         fill="url(#${paintId0})"
-      />
+       />
       <path
         d="M432.99 352.098L272.889 439.462C252.022 450.846 225.962 450.846 205.111 439.462L45.0102 352.098C25.1481 341.255 13 321.742 13 300.67V83.9624C13 50.8466 42.5048 24 78.8995 24H399.101C435.495 24 465 50.8466 465 83.9624V300.67C465 321.742 452.852 341.255 432.99 352.098Z"
         fill="#101113"
         fill-opacity="0.2"
-      />
+       />
       <path
         d="M423.548 343.586L271.24 428.684C251.388 439.772 226.596 439.772 206.76 428.684L54.4522 343.586C35.5568 333.024 24 314.018 24 293.492V82.4068C24 50.1501 52.0687 24 86.692 24H391.308C425.931 24 454 50.1501 454 82.4068V293.492C454 314.018 442.443 333.024 423.548 343.586Z"
         fill="white"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -52,8 +52,13 @@ export function createBadgeType6({
           y2="426.726"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
       </defs>
     </svg>