@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/src/templates/ribbons/RibbonType115.ts

@@ -0,0 +1,54 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType115({
+  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 524 164"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M52.8537 75.2129L0 95.8641L48.0577 113.84L26.4268 163.853L126.457 131.164L97.6162 62L52.8537 75.2129Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M471.028 75.2129L523.882 95.8641L475.824 113.84L497.455 163.853L397.457 131.164L426.266 62L471.028 75.2129Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M52.8537 75.2129L0 95.8641L48.0577 113.84L26.4268 163.853L126.457 131.164L97.6162 62L52.8537 75.2129Z"
+        fill="black"
+        fillOpacity="0.2"
+      />
+      <path
+        d="M471.028 75.2129L523.882 95.8641L475.824 113.84L497.455 163.853L397.457 131.164L426.266 62L471.028 75.2129Z"
+        fill="black"
+        fillOpacity="0.2"
+      />
+      <path d="M395 132L473 120L439.151 103L395 132Z" fill="#1F1F1F" />
+      <path d="M130 132L52 120L85.8491 103L130 132Z" fill="#1F1F1F" />
+      <path
+        d="M51.7927 120C51.7927 120 241.286 49.0368 472.207 120L500 42.3106C262.766 -52.8883 24 42.3106 24 42.3106L51.7927 120Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType116.ts

@@ -0,0 +1,66 @@
+import { ISvgProps } from "../../interface";
+
+export function createRibbonType116({
+  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 562 74"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M166.556 73.2556H0L37.3708 36.612L0 0H166.556V73.2556Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M53.4648 29.7812L166.557 73.2541V29.7812H53.4648Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M395.176 73.2556H561.732L524.393 36.612L561.732 0H395.176V73.2556Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M166.556 73.2556H0L37.3708 36.612L0 0H166.556V73.2556Z"
+        fill="black"
+        fillOpacity="0.14"
+      />
+      <path
+        d="M395.176 73.2556H561.732L524.393 36.612L561.732 0H395.176V73.2556Z"
+        fill="black"
+        fillOpacity="0.14"
+      />
+      <path
+        d="M508.268 29.7812L395.176 73.2541V29.7812H508.268Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M53.4648 29.7812L166.557 73.2541V29.7812H53.4648Z"
+        fill="black"
+        fillOpacity="0.75"
+      />
+      <path
+        d="M508.268 29.7812L395.176 73.2541V29.7812H508.268Z"
+        fill="black"
+        fillOpacity="0.75"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType116_1.ts

@@ -0,0 +1,36 @@
+import { ISvgProps } from "../../interface";
+
+export function createRibbonType116_1({
+  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 455 83"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        opacity="0.2"
+        d="M75.9963 82.8737H379.768C399.244 62.0068 414.483 37.1246 424.095 9.61816H31.6699C41.2814 37.1562 56.5205 62.0068 75.9963 82.8737Z"
+        fill="black"
+      />
+      <path d="M455 0H0V76H455V0Z" fill="${mainColor}" />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType118.ts

@@ -0,0 +1,34 @@
+import { ISvgProps } from "../../interface";
+
+export function createRibbonType118({
+  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 449 128"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M409.865 128C296.042 58.4007 152.928 58.4007 39.105 128C27.4247 120.368 15.2326 113.22 2.58894 106.587C1.11384 92.322 0.240831 77.8449 0 63.2163C137.846 -21.0721 311.154 -21.0721 449 63.2163C448.759 77.8449 447.886 92.322 446.411 106.587C433.767 113.22 421.605 120.368 409.895 128H409.865Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType92.ts

@@ -0,0 +1,71 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType92({
+  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 552 265"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M0 0L276 20L552 0L532 132.5L552 265L276 245L0 265L20 132.5L0 0Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M519.821 132.192L519.773 132.5L519.821 132.808L538.636 253.815L276.15 234.006L276 233.994L275.85 234.006L13.3633 253.815L32.1787 132.808L32.2266 132.5L32.1787 132.192L13.3633 11.1836L275.85 30.9941L276 31.0059L276.15 30.9941L538.636 11.1836L519.821 132.192Z"
+        stroke="white"
+        strokeWidth="4"
+      />
+      <path
+        d="M455 7L516.67 2.5L516 262L446 257L455 7Z"
+        fill="url(#paint0_linear_3488_51)"
+      />
+      <path
+        d="M96.6699 7L35 2.5L35.6699 262L105.67 257L96.6699 7Z"
+        fill="url(#paint1_linear_3488_51)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_3488_51"
+          x1="516"
+          y1="132.5"
+          x2="455"
+          y2="132.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopOpacity="0" />
+          <stop offset="1" stopOpacity="0.5" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_3488_51"
+          x1="35.6699"
+          y1="132.5"
+          x2="96.6699"
+          y2="132.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopOpacity="0" />
+          <stop offset="1" stopOpacity="0.5" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType93.ts

@@ -0,0 +1,191 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType93({
+  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)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 463 115"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M0.969727 41.7749L38.3064 0.867188L87.629 63.8021L29.6087 114.999L0.969727 41.7749Z"
+        fill="#101113"
+      />
+      <path
+        d="M462.835 41.7749L425.498 0.867188L376.176 63.8021L434.196 114.999L462.835 41.7749Z"
+        fill="#101113"
+      />
+      <path
+        d="M434.353 115C299.816 81.2318 164.184 81.2318 29.6473 115C20.0982 90.7038 10.5491 66.3724 1 42.0762C154.033 3.30793 309.967 3.30793 463 42.0762C453.451 66.3724 443.902 90.7038 434.353 115Z"
+        fill="url(#${paintId0})"
+      />
+      <g clipPath="url(#clip0_3488_6864)">
+        <path
+          d="M104.98 50.8415C104.132 50.0902 103.187 49.6002 102.079 49.3389C100.971 49.0775 99.7972 49.0775 98.5587 49.3389C96.8639 49.6982 95.4624 50.4495 94.3868 51.5602C93.3112 52.6709 92.5942 54.1082 92.2357 55.8722C91.8771 57.6362 91.9423 59.6289 92.4312 61.8829C92.9201 64.2022 93.7023 66.0642 94.7453 67.5342C95.7883 69.0042 97.0268 69.9842 98.4609 70.5395C99.895 71.0949 101.459 71.1929 103.122 70.8335C104.36 70.5722 105.436 70.1149 106.316 69.4615C107.228 68.8082 107.913 67.9915 108.402 67.0115C108.891 66.0315 109.119 64.9535 109.086 63.7449L115.931 62.3075C116.094 64.4309 115.768 66.4889 114.953 68.5142C114.138 70.5069 112.802 72.2709 110.977 73.7735C109.151 75.2762 106.935 76.2889 104.263 76.8769C101.329 77.4975 98.5913 77.3995 96.0165 76.5502C93.4416 75.7009 91.2579 74.1655 89.4001 71.9115C87.5748 69.6575 86.2711 66.8155 85.5541 63.3529C84.837 59.8902 84.837 56.7542 85.6193 53.9449C86.4015 51.1355 87.7704 48.8162 89.7912 47.0195C91.8119 45.1902 94.2564 43.9815 97.1572 43.3609C99.6669 42.8382 102.046 42.8055 104.23 43.3282C106.446 43.8182 108.369 44.8309 110.031 46.3335C111.694 47.8362 112.932 49.7962 113.747 52.1809L106.903 53.6509C106.479 52.5075 105.827 51.5602 105.012 50.8089L104.98 50.8415Z"
+          fill="#101113"
+        />
+        <path
+          d="M117.365 39.8322L139.43 36.3369L140.31 41.9882L125.057 44.4056L126.328 52.3762L140.441 50.1549L141.321 55.8062L127.208 58.0276L128.479 66.0309L143.798 63.6136L144.678 69.2976L122.547 72.7929L117.332 39.8322H117.365Z"
+          fill="#101113"
+        />
+        <path
+          d="M145.982 35.4226L158.954 33.9853C161.431 33.7239 163.614 33.9199 165.472 34.6059C167.363 35.2919 168.829 36.4026 169.97 37.9053C171.111 39.4079 171.763 41.2699 171.991 43.4586C172.219 45.6473 171.958 47.7379 171.143 49.4366C170.329 51.1679 168.992 52.5399 167.2 53.5526L175.674 65.6719L168.047 66.5213L160.453 55.4146L155.205 56.0026L156.509 67.7953L149.632 68.5466L145.949 35.3573L145.982 35.4226ZM159.41 49.9593C163.451 49.5019 165.277 47.6073 164.886 44.2753C164.69 42.5766 164.038 41.3679 162.963 40.6166C161.854 39.8653 160.29 39.5713 158.269 39.7999L153.445 40.3226L154.586 50.4819L159.41 49.9266V49.9593Z"
+          fill="#101113"
+        />
+        <path
+          d="M175.381 32.2538L202.596 30.5225L202.954 36.2391L192.785 36.8925L194.545 64.4631L187.701 64.8878L185.941 37.3171L175.739 37.9705L175.381 32.2538Z"
+          fill="#101113"
+        />
+        <path
+          d="M215.731 63.5817L208.821 63.8104L207.811 30.4577L214.721 30.2617L215.731 63.6144V63.5817Z"
+          fill="#101113"
+        />
+        <path
+          d="M221.109 30H243.076V35.7167H228.051V43.818H241.642V49.5347H228.051V63.3853H221.141V30H221.109Z"
+          fill="#101113"
+        />
+        <path
+          d="M254.321 63.7776L247.411 63.5816L248.357 30.1963L255.266 30.3923L254.289 63.745L254.321 63.7776Z"
+          fill="#101113"
+        />
+        <path
+          d="M282.221 40.3231C281.634 39.3758 280.819 38.6571 279.809 38.1018C278.799 37.5465 277.658 37.2525 276.387 37.1545C274.659 37.0238 273.127 37.3831 271.758 38.1671C270.422 38.9511 269.314 40.1271 268.499 41.7278C267.684 43.3285 267.195 45.2885 267.065 47.5751C266.902 49.9271 267.13 51.9525 267.749 53.6511C268.369 55.3498 269.281 56.6565 270.52 57.5711C271.758 58.4858 273.225 59.0085 274.92 59.1391C276.158 59.2045 277.332 59.0738 278.375 58.6818C279.418 58.2898 280.298 57.7018 281.047 56.9178C281.764 56.1011 282.286 55.1211 282.579 53.9778L289.554 54.4678C289.163 56.5585 288.283 58.4531 286.947 60.1518C285.61 61.8505 283.85 63.1898 281.699 64.1371C279.548 65.0845 277.104 65.4765 274.398 65.2805C271.4 65.0845 268.792 64.2351 266.544 62.7325C264.295 61.2298 262.6 59.1391 261.426 56.4605C260.253 53.7818 259.797 50.7111 260.025 47.1505C260.253 43.6225 261.1 40.6171 262.632 38.1018C264.132 35.6191 266.087 33.7571 268.532 32.5485C270.944 31.3398 273.649 30.8498 276.615 31.0458C279.19 31.2091 281.471 31.8298 283.459 32.9405C285.448 34.0185 287.045 35.5211 288.218 37.4158C289.391 39.3105 290.076 41.5318 290.206 44.0471L283.231 43.5898C283.133 42.3485 282.775 41.2705 282.156 40.3558L282.221 40.3231Z"
+          fill="#101113"
+        />
+        <path
+          d="M290.76 65.8681L306.046 34.0508L314.879 35.0961L322.473 69.5921L315.107 68.7428L313.51 60.8048L301.516 59.4001L298.126 66.7501L290.76 65.9008V65.8681ZM312.369 55.1861L309.729 42.0541H309.469L303.895 54.1734L312.402 55.1534L312.369 55.1861Z"
+          fill="#101113"
+        />
+        <path
+          d="M325.732 36.3701L352.654 40.6821L351.742 46.3335L341.67 44.7328L337.303 72.0421L330.556 70.9641L334.924 43.6548L324.82 42.0215L325.732 36.3701Z"
+          fill="#101113"
+        />
+        <path
+          d="M358.13 41.7602L380 46.3009L378.827 51.9195L363.703 48.7835L362.074 56.6889L376.056 59.5962L374.915 65.1822L360.933 62.2749L359.303 70.2129L374.492 73.3489L373.318 78.9675L351.383 74.4269L358.13 41.7275V41.7602Z"
+          fill="#101113"
+        />
+      </g>
+      <path
+        d="M0.969727 41.7749L38.3064 0.867188L87.629 63.8021L29.6087 114.999L0.969727 41.7749Z"
+        fill="#101113"
+      />
+      <path
+        d="M462.835 41.7749L425.498 0.867188L376.176 63.8021L434.196 114.999L462.835 41.7749Z"
+        fill="#101113"
+      />
+      <path
+        d="M434.353 115C299.816 81.2318 164.184 81.2318 29.6473 115C20.0982 90.7038 10.5491 66.3724 1 42.0762C154.033 3.30793 309.967 3.30793 463 42.0762C453.451 66.3724 443.902 90.7038 434.353 115Z"
+        fill="url(#${paintId1})"
+      />
+      <g clipPath="url(#clip1_3488_6864)">
+        <path
+          d="M104.98 50.8415C104.132 50.0902 103.187 49.6002 102.079 49.3389C100.971 49.0775 99.7972 49.0775 98.5587 49.3389C96.8639 49.6982 95.4624 50.4495 94.3868 51.5602C93.3112 52.6709 92.5942 54.1082 92.2357 55.8722C91.8771 57.6362 91.9423 59.6289 92.4312 61.8829C92.9201 64.2022 93.7023 66.0642 94.7453 67.5342C95.7883 69.0042 97.0268 69.9842 98.4609 70.5395C99.895 71.0949 101.459 71.1929 103.122 70.8335C104.36 70.5722 105.436 70.1149 106.316 69.4615C107.228 68.8082 107.913 67.9915 108.402 67.0115C108.891 66.0315 109.119 64.9535 109.086 63.7449L115.931 62.3075C116.094 64.4309 115.768 66.4889 114.953 68.5142C114.138 70.5069 112.802 72.2709 110.977 73.7735C109.151 75.2762 106.935 76.2889 104.263 76.8769C101.329 77.4975 98.5913 77.3995 96.0165 76.5502C93.4416 75.7009 91.2579 74.1655 89.4001 71.9115C87.5748 69.6575 86.2711 66.8155 85.5541 63.3529C84.837 59.8902 84.837 56.7542 85.6193 53.9449C86.4015 51.1355 87.7704 48.8162 89.7912 47.0195C91.8119 45.1902 94.2564 43.9815 97.1572 43.3609C99.6669 42.8382 102.046 42.8055 104.23 43.3282C106.446 43.8182 108.369 44.8309 110.031 46.3335C111.694 47.8362 112.932 49.7962 113.747 52.1809L106.903 53.6509C106.479 52.5075 105.827 51.5602 105.012 50.8089L104.98 50.8415Z"
+          fill="#101113"
+        />
+        <path
+          d="M117.365 39.8322L139.43 36.3369L140.31 41.9882L125.057 44.4056L126.328 52.3762L140.441 50.1549L141.321 55.8062L127.208 58.0276L128.479 66.0309L143.798 63.6136L144.678 69.2976L122.547 72.7929L117.332 39.8322H117.365Z"
+          fill="#101113"
+        />
+        <path
+          d="M145.982 35.4226L158.954 33.9853C161.431 33.7239 163.614 33.9199 165.472 34.6059C167.363 35.2919 168.829 36.4026 169.97 37.9053C171.111 39.4079 171.763 41.2699 171.991 43.4586C172.219 45.6473 171.958 47.7379 171.143 49.4366C170.329 51.1679 168.992 52.5399 167.2 53.5526L175.674 65.6719L168.047 66.5213L160.453 55.4146L155.205 56.0026L156.509 67.7953L149.632 68.5466L145.949 35.3573L145.982 35.4226ZM159.41 49.9593C163.451 49.5019 165.277 47.6073 164.886 44.2753C164.69 42.5766 164.038 41.3679 162.963 40.6166C161.854 39.8653 160.29 39.5713 158.269 39.7999L153.445 40.3226L154.586 50.4819L159.41 49.9266V49.9593Z"
+          fill="#101113"
+        />
+        <path
+          d="M175.381 32.2538L202.596 30.5225L202.954 36.2391L192.785 36.8925L194.545 64.4631L187.701 64.8878L185.941 37.3171L175.739 37.9705L175.381 32.2538Z"
+          fill="#101113"
+        />
+        <path
+          d="M215.731 63.5817L208.821 63.8104L207.811 30.4577L214.721 30.2617L215.731 63.6144V63.5817Z"
+          fill="#101113"
+        />
+        <path
+          d="M221.109 30H243.076V35.7167H228.051V43.818H241.642V49.5347H228.051V63.3853H221.141V30H221.109Z"
+          fill="#101113"
+        />
+        <path
+          d="M254.321 63.7776L247.411 63.5816L248.357 30.1963L255.266 30.3923L254.289 63.745L254.321 63.7776Z"
+          fill="#101113"
+        />
+        <path
+          d="M282.221 40.3231C281.634 39.3758 280.819 38.6571 279.809 38.1018C278.799 37.5465 277.658 37.2525 276.387 37.1545C274.659 37.0238 273.127 37.3831 271.758 38.1671C270.422 38.9511 269.314 40.1271 268.499 41.7278C267.684 43.3285 267.195 45.2885 267.065 47.5751C266.902 49.9271 267.13 51.9525 267.749 53.6511C268.369 55.3498 269.281 56.6565 270.52 57.5711C271.758 58.4858 273.225 59.0085 274.92 59.1391C276.158 59.2045 277.332 59.0738 278.375 58.6818C279.418 58.2898 280.298 57.7018 281.047 56.9178C281.764 56.1011 282.286 55.1211 282.579 53.9778L289.554 54.4678C289.163 56.5585 288.283 58.4531 286.947 60.1518C285.61 61.8505 283.85 63.1898 281.699 64.1371C279.548 65.0845 277.104 65.4765 274.398 65.2805C271.4 65.0845 268.792 64.2351 266.544 62.7325C264.295 61.2298 262.6 59.1391 261.426 56.4605C260.253 53.7818 259.797 50.7111 260.025 47.1505C260.253 43.6225 261.1 40.6171 262.632 38.1018C264.132 35.6191 266.087 33.7571 268.532 32.5485C270.944 31.3398 273.649 30.8498 276.615 31.0458C279.19 31.2091 281.471 31.8298 283.459 32.9405C285.448 34.0185 287.045 35.5211 288.218 37.4158C289.391 39.3105 290.076 41.5318 290.206 44.0471L283.231 43.5898C283.133 42.3485 282.775 41.2705 282.156 40.3558L282.221 40.3231Z"
+          fill="#101113"
+        />
+        <path
+          d="M290.76 65.8681L306.046 34.0508L314.879 35.0961L322.473 69.5921L315.107 68.7428L313.51 60.8048L301.516 59.4001L298.126 66.7501L290.76 65.9008V65.8681ZM312.369 55.1861L309.729 42.0541H309.469L303.895 54.1734L312.402 55.1534L312.369 55.1861Z"
+          fill="#101113"
+        />
+        <path
+          d="M325.732 36.3701L352.654 40.6821L351.742 46.3335L341.67 44.7328L337.303 72.0421L330.556 70.9641L334.924 43.6548L324.82 42.0215L325.732 36.3701Z"
+          fill="#101113"
+        />
+        <path
+          d="M358.13 41.7602L380 46.3009L378.827 51.9195L363.703 48.7835L362.074 56.6889L376.056 59.5962L374.915 65.1822L360.933 62.2749L359.303 70.2129L374.492 73.3489L373.318 78.9675L351.383 74.4269L358.13 41.7275V41.7602Z"
+          fill="#101113"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id={paintId0}
+          x1="1"
+          y1="64.0132"
+          x2="463"
+          y2="64.0132"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id={paintId1}
+          x1="1"
+          y1="64.0132"
+          x2="463"
+          y2="64.0132"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <clipPath id="clip0_3488_6864">
+          <rect
+            width="295"
+            height="49"
+            fill="white"
+            transform="translate(85 30)"
+          />
+        </clipPath>
+        <clipPath id="clip1_3488_6864">
+          <rect
+            width="295"
+            height="49"
+            fill="white"
+            transform="translate(85 30)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType93_1.ts

@@ -0,0 +1,67 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType93_1({
+  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)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 574 106"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M230.95 2.65255V79.6241C163.419 79.6241 95.9227 88.1097 28.6389 105.046L38.1145 62.1578L0 31.8218C76.4765 12.3403 153.696 2.61719 230.915 2.61719L230.95 2.65255Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M342.889 0.0353373V77.0069C410.42 77.0069 477.916 85.4925 545.2 102.428L535.725 59.5407L573.839 29.2046C497.363 9.72307 420.144 0 342.925 0L342.889 0.0353373Z"
+        fill="url(#${paintId1})"
+      />
+      <defs>
+        <linearGradient
+          id={paintId0}
+          x1="0.0353567"
+          y1="53.8844"
+          x2="230.95"
+          y2="53.8844"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id={paintId1}
+          x1="342.889"
+          y1="51.2318"
+          x2="573.804"
+          y2="51.2318"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType96.ts

@@ -0,0 +1,63 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType96({
+  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)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 574 106"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M230.95 2.65255V79.6241C163.419 79.6241 95.9227 88.1097 28.6389 105.046L38.1145 62.1578L0 31.8218C76.4765 12.3403 153.696 2.61719 230.915 2.61719L230.95 2.65255Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M342.889 0.0353373V77.0069C410.42 77.0069 477.916 85.4925 545.2 102.428L535.725 59.5407L573.839 29.2046C497.363 9.72307 420.144 0 342.925 0L342.889 0.0353373Z"
+        fill="url(#${paintId1})"
+      />
+      <defs>
+        <linearGradient
+          id={paintId0}
+          x1="0"
+          y1="53.8314"
+          x2="230.95"
+          y2="53.8314"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id={paintId1}
+          x1="342.889"
+          y1="51.2142"
+          x2="573.839"
+          y2="51.2142"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}