@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/src/templates/ribbons/RibbonWing105.ts

@@ -0,0 +1,164 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing105({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 586 467"
+      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="M196.828 442.744C185.633 450.448 174.226 458.272 161.225 462.245C144.19 467.451 125.952 465.736 108.105 465.525C104.434 465.525 100.672 465.525 97.3008 467C109.67 456.437 123.695 447.348 139.435 443.105C153.129 439.403 167.545 439.554 181.69 440.366C186.596 440.667 192.133 441.269 196.828 442.744Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M28.4708 138.643C27.7184 135.062 26.8155 131.39 24.6787 128.411C37.7103 138.162 49.6584 149.868 57.2125 164.283C63.8036 176.833 66.8734 190.947 69.1306 204.94C69.9432 209.816 70.5451 215.293 70.1538 220.228C60.192 210.989 50.0497 201.57 43.3082 189.773C34.49 174.305 32.1726 156.098 28.4708 138.673V138.643Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M110.844 430.165C95.7959 429.413 81.2294 425.049 66.4823 421.799C62.6902 420.956 58.6874 420.174 54.8652 421.107C64.827 413.192 77.4373 409.22 90.0475 408.076C102.688 406.902 115.418 408.407 127.938 410.514C138.532 412.319 149.246 414.606 158.636 419.843C146.147 421.137 134.8 428.058 122.341 429.804C118.548 430.316 114.666 430.376 110.844 430.195V430.165Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M31.9921 255.348C22.1808 243.943 15.2888 230.37 7.49391 217.46C5.44738 214.119 3.28047 210.689 0 208.582C12.55 210.327 24.1671 216.738 33.7076 225.074C43.2781 233.41 50.9526 243.702 58.0553 254.205C64.0444 263.113 69.7626 272.442 72.4713 282.854C62.9308 274.699 50.0798 271.238 40.2083 263.413C37.2288 261.036 34.4901 258.267 31.9921 255.348Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M16.4925 296.186C14.2653 293.839 11.8878 291.491 8.66748 290.438C24.7388 290.288 40.5994 292.364 53.6611 299.135C65.0073 305.034 73.7652 314.243 81.8009 323.813C84.5998 327.123 87.489 331.065 89.2045 335.158C76.1729 333.864 62.9005 332.48 51.765 327.303C37.1082 320.442 27.2969 307.592 16.5526 296.186H16.4925Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M62.9609 379.125C51.0429 370.127 43.0374 356.314 30.1562 348.76C36.657 348.008 43.2179 349.001 49.6284 350.295C63.0813 352.943 76.2634 356.855 89.0241 361.881C96.3976 364.8 103.681 368.111 110.031 372.865C114.696 376.326 118.819 380.539 122.19 385.294C117.134 384.602 111.957 386.077 106.901 387.16C99.0762 388.845 90.9502 389.598 83.0651 388.153C75.7818 386.829 68.8899 383.579 62.9609 379.125Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M105.215 294.892C100.942 298.925 95.8254 301.994 90.7994 305.034C87.3383 307.11 83.9375 309.157 80.4764 311.233H80.2958C80.025 308.976 80.2356 306.629 80.5366 304.342C82.4327 288.873 87.0975 273.495 96.0963 260.765C105.125 248.035 118.789 238.225 134.228 235.968C131.429 238.195 129.894 241.595 128.6 244.906C125.259 253.573 122.912 262.601 119.661 271.298C116.381 280.026 111.957 288.512 105.215 294.922V294.892Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M68.499 237.322L68.5893 237.111C75.4512 221.161 88.6032 208.04 104.554 201.179C110.302 198.741 116.292 197.086 122.371 195.672C130.346 193.836 138.472 192.452 146.628 192.722C142.295 195.732 139.405 200.396 136.546 204.88C131.099 213.457 125.2 222.094 116.863 227.932C112.469 231.032 107.503 233.289 102.447 235.125C91.6128 239.037 79.3938 241.114 68.5291 237.322H68.499Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M146.207 307.411C141.451 321.074 130.828 332.359 118.007 339.07C111.747 342.35 104.885 344.668 99.3471 349.031C98.6248 342.591 100.34 336.091 102.808 330.102C106.51 321.074 111.897 312.828 117.826 305.094C124.206 296.788 131.279 288.994 138.923 281.831C144.612 276.535 150.751 271.509 158.004 268.74C150.24 279.845 150.721 294.621 146.237 307.381L146.207 307.411Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M99.9488 176.924C93.0869 175.238 86.4056 172.439 79.333 172.018C82.1018 168.046 85.924 164.946 90.1074 162.448C91.5219 161.606 92.9665 160.853 94.4412 160.101C103.199 155.767 112.679 153.149 122.28 151.283C132.543 149.267 142.986 148.093 153.49 147.792C154.754 147.732 155.927 147.702 157.191 147.702C163.752 147.702 170.343 148.244 176.453 150.561C163.271 153.751 153.881 165.127 142.083 171.777C129.473 178.88 114.064 180.324 99.9789 176.893L99.9488 176.924Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M187.92 413.914C184.88 420.114 180.787 425.952 178.921 432.603C174.617 427.938 172.239 421.799 170.674 415.63C168.387 406.361 167.876 396.7 168.086 387.161C168.297 376.898 169.38 366.636 171.306 356.525C172.721 349.061 174.647 341.538 178.77 335.128C179.071 348.43 187.98 359.775 191.862 372.505C195.985 386.077 194.149 401.124 187.889 413.854L187.92 413.914Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M160.924 349.152C161.917 358.962 161.767 369.104 158.366 378.373C156.229 384.211 152.858 389.538 149.487 394.804C147.2 398.386 144.913 401.967 142.626 405.578L142.445 405.699C141.121 403.622 140.248 401.335 139.435 399.018C133.928 383.459 131.069 366.636 133.627 350.295C136.155 333.954 144.522 318.185 158.095 308.735C156.5 312.166 156.62 316.108 156.981 319.84C157.914 329.681 159.961 339.341 160.954 349.152H160.924Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M212.358 125.643C208.716 123.988 204.593 124.319 200.681 124.891C190.448 126.335 180.396 129.104 170.193 130.639C165.799 131.331 161.315 131.722 156.861 131.722C150.962 131.722 145.153 131 139.555 129.044C133.326 126.877 127.637 123.266 122.009 119.684C118.187 117.277 114.305 114.839 110.483 112.402L110.362 112.251C112.439 110.656 114.817 109.543 117.224 108.489C133.295 101.628 150.751 97.6555 167.936 99.8223C185.091 101.959 201.945 110.746 212.388 125.643H212.358Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M91.6727 84.8053C94.5017 93.7131 95.2541 102.922 95.0735 112.221C94.9833 115.712 94.8027 119.173 94.5318 122.664C93.6891 133.467 92.1241 144.512 86.0146 154.864C81.9517 142.827 69.7628 133.046 65.0678 121.129C63.6232 117.487 62.931 113.696 62.5397 109.844C61.0951 94.8567 65.0377 79.5689 67.325 64.3714C67.9269 60.429 68.3784 56.3664 66.3619 52.7852C79.7246 60.9407 87.7903 72.557 91.6727 84.7752V84.8053Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M115.479 83.0296C112.228 75.7468 109.76 67.9524 109.55 59.9474C109.339 52.5142 111.054 45.111 114.184 38.37C120.505 24.8276 132.332 14.1743 137.057 0C139.164 6.19938 139.525 12.8201 139.646 19.3806C139.796 33.0734 138.743 46.7963 136.455 60.3086C135.161 68.1029 133.416 75.9274 130.105 83.15C127.697 88.4164 124.417 93.3519 120.444 97.5951C120.053 92.4791 117.555 87.7544 115.448 83.0296H115.479Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M246.306 21.2159C242.032 22.4799 238.872 25.4291 235.893 28.4084C221.447 42.8837 208.174 59.285 188.823 67.6511C174.076 74.0311 156.71 75.3251 139.676 76.5289C142.053 71.2925 145.996 66.2668 149.728 62.0235C160.532 49.8354 172.3 38.1288 187.318 30.8761C204.563 22.5401 225.329 20.4335 246.306 21.2159Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M292.985 465.646C168.809 465.646 67.7764 364.62 67.7764 240.452C67.7764 141.593 131.068 55.253 225.269 25.6104L226.082 28.1984C133.025 57.5101 70.485 142.797 70.485 240.452C70.485 363.116 170.283 462.938 292.985 462.938V465.646Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M389.172 442.744C400.368 450.448 411.774 458.272 424.775 462.245C441.81 467.451 460.048 465.736 477.895 465.525C481.567 465.525 485.329 465.525 488.7 467C476.33 456.437 462.305 447.348 446.565 443.105C432.871 439.403 418.455 439.554 404.31 440.366C399.405 440.667 393.867 441.269 389.172 442.744Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M557.499 138.673C558.251 135.092 559.154 131.421 561.291 128.441C548.259 138.192 536.311 149.898 528.757 164.314C522.166 176.863 519.096 190.977 516.839 204.971C516.026 209.846 515.425 215.323 515.816 220.258C525.778 211.02 535.92 201.6 542.661 189.803C551.48 174.335 553.797 156.128 557.499 138.703V138.673Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M475.156 430.165C490.204 429.413 504.77 425.049 519.517 421.799C523.309 420.956 527.312 420.174 531.134 421.107C521.173 413.192 508.562 409.22 495.952 408.076C483.312 406.902 470.581 408.407 458.061 410.514C447.467 412.319 436.753 414.606 427.363 419.843C439.853 421.137 451.199 428.058 463.659 429.804C467.451 430.316 471.334 430.376 475.156 430.195V430.165Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M554.007 255.348C563.819 243.943 570.711 230.37 578.506 217.46C580.552 214.119 582.719 210.689 586 208.582C573.45 210.327 561.832 216.738 552.292 225.074C542.721 233.41 535.047 243.702 527.944 254.205C521.955 263.113 516.237 272.442 513.528 282.854C523.069 274.699 535.92 271.238 545.791 263.413C548.771 261.036 551.51 258.267 554.007 255.348Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M569.478 296.216C571.705 293.869 574.082 291.522 577.303 290.468C561.231 290.318 545.371 292.395 532.309 299.166C520.963 305.064 512.205 314.273 504.169 323.843C501.37 327.153 498.481 331.095 496.766 335.188C509.797 333.894 523.07 332.51 534.205 327.334C548.862 320.472 558.673 307.622 569.417 296.216H569.478Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M523.009 379.125C534.927 370.127 542.933 356.314 555.814 348.76C549.313 348.008 542.752 349.001 536.342 350.295C522.889 352.943 509.707 356.855 496.946 361.881C489.573 364.8 482.289 368.111 475.939 372.865C471.274 376.326 467.151 380.539 463.78 385.294C468.836 384.602 474.013 386.077 479.069 387.16C486.894 388.845 495.02 389.598 502.905 388.153C510.188 386.829 517.08 383.579 523.009 379.125Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M480.784 294.892C485.058 298.925 490.174 301.994 495.2 305.034C498.661 307.11 502.062 309.157 505.523 311.233H505.704C505.974 308.976 505.764 306.629 505.463 304.342C503.567 288.873 498.902 273.495 489.903 260.765C480.874 248.035 467.211 238.225 451.771 235.968C454.57 238.195 456.105 241.595 457.399 244.906C460.74 253.573 463.088 262.601 466.338 271.298C469.618 280.026 474.043 288.512 480.784 294.922V294.892Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M517.501 237.322L517.411 237.111C510.549 221.161 497.397 208.04 481.446 201.179C475.698 198.741 469.709 197.086 463.629 195.672C455.654 193.836 447.528 192.452 439.372 192.722C443.706 195.732 446.595 200.396 449.454 204.88C454.902 213.457 460.8 222.094 469.137 227.932C473.531 231.032 478.497 233.289 483.553 235.125C494.388 239.037 506.607 241.114 517.471 237.322H517.501Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M439.763 307.441C444.519 321.104 455.143 332.389 467.963 339.1C474.223 342.381 481.085 344.698 486.623 349.062C487.345 342.621 485.63 336.121 483.162 330.132C479.46 321.104 474.073 312.858 468.144 305.124C461.764 296.818 454.691 289.024 447.047 281.861C441.359 276.565 435.219 271.539 427.966 268.771C435.731 279.875 435.249 294.651 439.733 307.411L439.763 307.441Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M486.021 176.924C492.883 175.238 499.564 172.439 506.636 172.018C503.868 168.046 500.045 164.946 495.862 162.448C494.448 161.606 493.003 160.853 491.528 160.101C482.77 155.767 473.29 153.149 463.689 151.283C453.427 149.267 442.983 148.093 432.48 147.792C431.216 147.732 430.042 147.702 428.778 147.702C422.217 147.702 415.626 148.244 409.517 150.561C422.699 153.751 432.089 165.127 443.886 171.777C456.497 178.88 471.906 180.324 485.991 176.893L486.021 176.924Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M398.08 413.914C401.12 420.114 405.213 425.952 407.079 432.603C411.383 427.938 413.76 421.799 415.325 415.63C417.612 406.361 418.124 396.7 417.913 387.161C417.703 376.898 416.619 366.636 414.693 356.525C413.279 349.061 411.352 341.538 407.229 335.128C406.928 348.43 398.02 359.775 394.138 372.505C390.014 386.077 391.85 401.124 398.11 413.854L398.08 413.914Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M425.077 349.152C424.084 358.962 424.234 369.104 427.635 378.373C429.772 384.211 433.143 389.538 436.513 394.804C438.801 398.386 441.088 401.967 443.375 405.578L443.556 405.699C444.88 403.622 445.753 401.335 446.565 399.018C452.073 383.459 454.932 366.636 452.374 350.295C449.846 333.954 441.479 318.185 427.906 308.735C429.501 312.166 429.381 316.108 429.019 319.84C428.087 329.681 426.04 339.341 425.047 349.152H425.077Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M373.642 125.643C377.284 123.988 381.407 124.319 385.32 124.891C395.552 126.335 405.604 129.104 415.807 130.639C420.201 131.331 424.685 131.722 429.139 131.722C435.038 131.722 440.847 131 446.445 129.044C452.675 126.877 458.363 123.266 463.991 119.684C467.813 117.277 471.695 114.839 475.517 112.402L475.638 112.251C473.561 110.656 471.184 109.543 468.776 108.489C452.705 101.628 435.249 97.6555 418.064 99.8223C400.909 101.959 384.056 110.746 373.612 125.643H373.642Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M494.327 84.8053C491.498 93.7131 490.746 102.922 490.927 112.221C491.017 115.712 491.198 119.173 491.468 122.664C492.311 133.467 493.876 144.512 499.986 154.864C504.049 142.827 516.237 133.046 520.932 121.129C522.377 117.487 523.069 113.696 523.46 109.844C524.905 94.8567 520.962 79.5689 518.675 64.3714C518.073 60.429 517.622 56.3664 519.638 52.7852C506.276 60.9407 498.21 72.557 494.327 84.7752V84.8053Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M470.521 83.0296C473.771 75.7468 476.239 67.9524 476.45 59.9474C476.661 52.5142 474.945 45.111 471.815 38.37C465.495 24.8276 453.667 14.1743 448.942 0C446.835 6.19938 446.474 12.8201 446.354 19.3806C446.203 33.0734 447.257 46.7963 449.544 60.3086C450.838 68.1029 452.584 75.9274 455.894 83.15C458.302 88.4164 461.583 93.3519 465.555 97.5951C465.946 92.4791 468.444 87.7544 470.551 83.0296H470.521Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M339.694 21.2159C343.968 22.4799 347.128 25.4291 350.108 28.4084C364.554 42.8837 377.826 59.285 397.178 67.6511C411.925 74.0311 429.29 75.3251 446.325 76.5289C443.947 71.2925 440.004 66.2668 436.273 62.0235C425.468 49.8354 413.7 38.1288 398.683 30.8761C381.438 22.5401 360.671 20.4335 339.694 21.2159Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M292.985 465.646V462.938C415.657 462.938 515.485 363.146 515.485 240.452C515.485 142.797 452.946 57.5101 359.889 28.1984L360.701 25.6104C454.902 55.253 518.194 141.593 518.194 240.452C518.194 364.62 417.162 465.646 292.985 465.646Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing106.ts

@@ -0,0 +1,36 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing106({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 443 500"
+      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="M63.0127 101.347C59.4146 108.164 56.3215 114.982 53.7649 121.705C60.2668 117.16 67.6839 113.877 75.4483 112.173C82.9286 110.5 90.6298 110.247 98.2679 109.995C113.576 109.49 128.915 108.985 144.096 110.689C137.026 113.467 131.156 118.517 124.97 122.935C111.713 132.404 95.5851 139.443 79.4883 137.107C69.7039 135.687 60.8033 130.952 52.1868 126.029C45.4325 145.345 43.1284 164.03 45.4325 181.105L41.4556 181.61C40.4456 174.003 40.2878 166.113 41.0453 158.001C29.0832 151.499 17.5945 143.609 10.2089 132.246C3.92795 122.588 1.05577 111.036 0.26671 99.5477C-0.522349 88.059 0.582334 76.5388 1.71858 65.0501C2.72858 72.9091 7.65231 79.6003 12.3551 86.0075C20.3719 96.8334 28.231 107.88 34.07 120.063C38.1731 128.648 41.2662 137.833 42.4656 147.27C43.8544 139.411 46.0322 131.394 48.9675 123.283C38.0469 110.374 31.9553 93.7087 30.8822 76.8228C29.746 58.9585 34.1016 40.9048 42.1815 24.9027C40.1931 32.7302 43.6334 40.8102 46.474 48.3851C54.0806 68.5219 57.9627 90.9943 53.5124 111.794C55.3115 107.691 57.2999 103.619 59.4777 99.5162C61.4977 95.6971 63.5808 92.0359 65.7586 88.5325C56.1637 58.2326 64.3383 22.8827 86.4636 0C80.8139 12.9406 82.6445 27.7433 81.6976 41.8202C80.8139 54.8554 77.3736 67.7329 71.6924 79.4741C76.5845 72.4988 81.7923 66.1863 87.3157 60.5998C93.5335 46.6176 103.413 34.3083 115.659 25.1868C129.799 14.6765 147.063 8.49028 164.612 7.60653C153.786 20.8627 143.939 35.0974 131.156 46.4598C119.352 57.0017 104.296 64.9869 88.5467 65.0501C82.392 71.4888 76.6477 78.8428 71.3136 87.1122C96.5635 72.5303 127.558 68.1116 155.838 75.3078C151.072 78.3694 146.306 81.3994 141.54 84.4294C135.385 88.3746 129.199 92.32 122.413 94.9712C105.212 101.757 85.2326 99.6109 68.6939 91.31C66.7055 94.5293 64.8118 97.9065 62.9812 101.378L63.0127 101.347Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M379.173 398.001C382.771 391.184 385.864 384.366 388.42 377.644C381.918 382.189 374.501 385.471 366.737 387.176C359.257 388.848 351.555 389.101 343.917 389.353C328.61 389.858 313.27 390.363 298.089 388.659C305.159 385.881 311.029 380.831 317.216 376.413C330.472 366.944 346.6 359.906 362.697 362.241C372.481 363.662 381.382 368.396 389.998 373.32C396.753 354.003 399.057 335.319 396.753 318.243L400.73 317.738C401.74 325.345 401.897 333.235 401.14 341.347C413.102 347.849 424.591 355.739 431.976 367.102C438.257 376.76 441.129 388.312 441.919 399.8C442.708 411.289 441.603 422.809 440.467 434.298C439.457 426.439 434.533 419.748 429.83 413.341C421.813 402.515 413.954 391.468 408.115 379.285C404.012 370.7 400.919 361.515 399.72 352.078C398.331 359.937 396.153 367.954 393.218 376.066C404.138 388.975 410.23 405.639 411.303 422.525C412.439 440.39 408.084 458.443 400.004 474.445C401.992 466.618 398.552 458.538 395.711 450.963C388.105 430.826 384.223 408.354 388.673 387.554C386.874 391.657 384.885 395.729 382.708 399.832C380.688 403.651 378.604 407.312 376.427 410.816C386.022 441.116 377.847 476.465 355.722 499.348C361.371 486.408 359.541 471.605 360.488 457.528C361.371 444.493 364.812 431.615 370.493 419.874C365.601 426.849 360.393 433.162 354.869 438.748C348.652 452.731 338.773 465.04 326.526 474.161C312.387 484.672 295.122 490.858 277.573 491.742C288.399 478.485 298.247 464.251 311.029 452.888C322.834 442.347 337.889 434.361 353.639 434.298C359.793 427.859 365.538 420.505 370.872 412.236C345.622 426.818 314.627 431.237 286.348 424.04C291.113 420.979 295.879 417.949 300.645 414.919C306.8 410.974 312.986 407.028 319.772 404.377C336.974 397.591 356.953 399.737 373.491 408.038C375.48 404.819 377.373 401.442 379.204 397.97L379.173 398.001Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing15.ts

@@ -0,0 +1,70 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing14({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 392 149"
+      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;
+      "
+    >
+      <g opacity="0.4">
+        <path
+          d="M68.6939 19.8827C67.9137 19.3928 66.3214 10.3248 53.9238 11.6902C54.4545 15.1242 58.7368 18.6988 62.0074 19.665L62.0074 19.9916L56.7272 20.6358C54.1551 16.3853 48.943 14.3303 44.1164 15.0289C39.8115 15.6504 40.1381 16.3127 41.2041 17.6146C42.9324 19.724 47.1058 22.0284 49.9319 22.0329L49.9319 22.3595L44.6517 24.0833C40.4511 19.411 32.6577 19.6741 27.9446 23.3258C35.4838 30.6473 43.4813 23.8565 34.3044 30.0122C28.4163 26.7733 21.9431 27.9664 17.4884 33.0289C20.2284 35.3696 25.4224 35.6554 28.6976 34.104L28.9153 34.3217L24.9279 38.3091C21.0222 37.0072 16.2319 37.6967 13.0747 40.4638C12.308 41.1307 8.93757 44.991 9.84029 45.7486C11.056 46.7647 17.992 45.7713 20.7228 43.485C17.9602 48.8423 15.3156 48.8741 13.1745 51.5686C11.2556 53.9865 10.2531 59.5615 11.7727 62.2425C16.9804 59.6749 19.6296 55.429 19.2122 49.6316C29.7772 32.3167 46.8427 21.8832 66.648 22.1282C67.8683 22.1418 68.8209 21.0894 68.6848 19.8827L68.6939 19.8827Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M45.8411 26.9958C39.2182 28.5926 36.51 34.8663 38.9415 41.0084C44.1627 38.4544 47.1521 32.7161 45.8411 26.9958Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M24.2837 58.0303C28.4344 53.8886 29.3099 47.1886 25.5765 42.5117C20.573 46.4446 19.8835 53.367 24.2837 58.0303Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M30.8613 48.4429C35.697 44.9499 37.3028 38.7897 34.9576 33.3507C34.0639 32.9288 25.3044 39.4747 30.8613 48.4429Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M57.918 23.3291C47.5481 24.0186 47.4937 34.8693 48.4327 35.4001C53.722 34.1299 58.535 28.8633 57.918 23.3291Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M183.528 19.8827C184.308 19.3928 185.9 10.3248 198.298 11.6902C197.767 15.1242 193.485 18.6988 190.214 19.665L190.214 19.9916L195.494 20.6358C198.067 16.3853 203.279 14.3303 208.105 15.0289C212.41 15.6504 212.084 16.3127 211.018 17.6146C209.289 19.724 205.116 22.0284 202.29 22.0329L202.29 22.3595L207.57 24.0833C211.771 19.411 219.564 19.6741 224.277 23.3258C216.738 30.6473 208.74 23.8565 217.917 30.0122C223.805 26.7733 230.279 27.9664 234.733 33.0289C231.993 35.3696 226.799 35.6554 223.524 34.104L223.306 34.3217L227.294 38.3091C231.199 37.0072 235.99 37.6967 239.147 40.4638C239.914 41.1306 243.284 44.991 242.381 45.7486C241.166 46.7647 234.23 45.7713 231.499 43.485C234.261 48.8423 236.906 48.8741 239.047 51.5686C240.966 53.9864 241.969 59.5615 240.449 62.2425C235.241 59.6749 232.592 55.429 233.009 49.6316C222.444 32.3167 205.379 21.8832 185.574 22.1282C184.353 22.1418 183.401 21.0894 183.537 19.8827L183.528 19.8827Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M206.381 26.9958C213.003 28.5926 215.712 34.8663 213.28 41.0084C208.059 38.4544 205.07 32.7161 206.381 26.9958Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M227.938 58.0312C223.788 53.8896 222.912 47.1895 226.646 42.5126C231.649 46.4456 232.339 53.368 227.938 58.0312Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M221.36 48.4429C216.525 44.9499 214.919 38.7897 217.264 33.3507C218.158 32.9288 226.917 39.4747 221.36 48.4429Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M194.304 23.3291C204.674 24.0186 204.728 34.8693 203.789 35.4001C198.5 34.1299 193.687 28.8633 194.304 23.3291Z"
+          fill="${mainColor}"
+        />
+      </g>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing16.ts

@@ -0,0 +1,70 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing14({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 392 149"
+      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;
+      "
+    >
+      <g opacity="0.6">
+        <path
+          d="M123.688 43.3594C122.512 42.3234 122.321 26.6651 101.136 25.564C101.087 31.4739 107.297 38.6466 112.523 41.1637L112.434 41.712L103.393 41.3482C100.239 33.5089 92.0518 28.6327 83.7582 28.4844C76.3614 28.3493 76.7285 29.5505 78.1617 32.0278C80.4856 36.0419 86.8607 41.0526 91.6037 41.8337L91.5143 42.382L82.1786 43.8305C76.4059 34.8373 63.2512 33.1459 54.3397 37.986C64.992 52.3402 80.276 43.1294 63.1859 50.9513C54.1881 43.9025 42.9949 44.1335 34.1313 51.4127C38.0902 56.0919 46.7311 57.9933 52.6538 56.2854L52.9597 56.7105L45.1748 62.3128C38.9746 59.0583 30.7444 58.9046 24.687 62.6856C23.2175 63.5952 16.5029 69.1531 17.811 70.6719C19.5737 72.7104 31.489 72.9411 36.699 69.8506C30.5951 78.0878 26.1469 77.4173 21.8151 81.3546C17.9321 84.8882 14.7233 93.9727 16.5406 98.8891C25.9854 96.0043 31.5947 89.6017 32.4808 79.7555C54.9554 53.5806 86.4588 40.7369 119.639 46.5688C121.684 46.9257 123.571 45.4197 123.673 43.3569L123.688 43.3594Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M83.3778 49.0449C71.8228 49.9127 65.5595 59.703 67.9601 70.6793C77.424 67.8211 84.0129 59.0063 83.3778 49.0449Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M38.6953 95.2432C46.7966 89.4267 50.1002 78.4189 45.1131 69.546C35.6372 74.7787 32.5851 86.2106 38.6953 95.2432Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M52.3614 80.9479C61.4351 76.4079 65.8169 66.5062 63.3686 56.7339C61.9839 55.7811 45.4876 64.3721 52.3614 80.9479Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M104.655 46.1951C87.0584 44.5143 83.9971 62.7146 85.4282 63.8626C94.655 63.1781 104.176 55.6543 104.655 46.1951Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M225.83 43.3594C227.006 42.3234 227.197 26.6651 248.382 25.564C248.431 31.4739 242.221 38.6466 236.995 41.1637L237.084 41.712L246.125 41.3482C249.279 33.5089 257.466 28.6327 265.76 28.4844C273.157 28.3493 272.79 29.5505 271.356 32.0278C269.032 36.0419 262.657 41.0526 257.914 41.8337L258.004 42.382L267.34 43.8305C273.112 34.8373 286.267 33.1459 295.178 37.986C284.526 52.3402 269.242 43.1294 286.332 50.9513C295.33 43.9025 306.523 44.1335 315.387 51.4127C311.428 56.0919 302.787 57.9933 296.864 56.2854L296.558 56.7105L304.343 62.3128C310.543 59.0583 318.774 58.9046 324.831 62.6856C326.301 63.5952 333.015 69.1531 331.707 70.6719C329.944 72.7104 318.029 72.9411 312.819 69.8506C318.923 78.0878 323.371 77.4173 327.703 81.3546C331.586 84.8882 334.795 93.9727 332.977 98.8891C323.533 96.0043 317.923 89.6017 317.037 79.7555C294.563 53.5806 263.059 40.7369 229.879 46.5688C227.834 46.9257 225.947 45.4197 225.845 43.3569L225.83 43.3594Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M266.14 49.0449C277.695 49.9127 283.959 59.703 281.558 70.6793C272.094 67.8211 265.505 59.0063 266.14 49.0449Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M310.823 95.2432C302.721 89.4267 299.418 78.4189 304.405 69.546C313.881 74.7787 316.933 86.2106 310.823 95.2432Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M297.157 80.9479C288.083 76.4079 283.701 66.5062 286.149 56.7339C287.534 55.7811 304.03 64.3721 297.157 80.9479Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M244.863 46.1951C262.46 44.5143 265.521 62.7146 264.09 63.8626C254.863 63.1781 245.342 55.6543 244.863 46.1951Z"
+          fill="${mainColor}"
+        />
+      </g>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing17.ts

@@ -0,0 +1,68 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing14({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 392 149"
+      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="M279.209 92.8479C280.637 93.4913 285.436 108.398 306.004 103.205C304.309 97.543 296.26 92.5197 290.525 91.6548L290.448 91.1046L299.194 88.7874C304.519 95.3485 313.78 97.5947 321.749 95.2917C328.857 93.2403 328.152 92.2006 326.052 90.2559C322.648 87.1053 315.079 84.1965 310.317 84.8481L310.241 84.2979L318.735 80.1618C326.902 87.0537 339.971 84.7923 347.059 77.5403C332.649 66.964 320.759 80.2709 334.784 67.7588C345.46 71.842 356.088 68.3218 362.412 58.7533C357.25 55.4489 348.432 56.1792 343.276 59.5571L342.858 59.241L348.646 51.5929C355.53 52.8751 363.44 50.5959 368.114 45.1973C369.25 43.8949 374.028 36.6047 372.33 35.539C370.045 34.1107 358.591 37.4025 354.523 41.8916C357.928 32.2211 362.376 31.5506 365.355 26.5113C368.024 21.9901 368.412 12.3634 365.226 8.20111C357.051 13.7418 353.579 21.5134 355.634 31.1833C341.874 62.8202 315.557 84.3796 282.132 88.5875C280.072 88.8493 278.713 90.8446 279.224 92.8458L279.209 92.8479Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M316.052 75.5325C326.837 71.2972 329.936 60.0956 324.407 50.3147C316.206 55.8356 312.508 66.201 316.052 75.5325Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M345.13 18.2158C339.104 26.1619 339.192 37.6544 346.573 44.663C354.085 36.8695 353.632 25.0459 345.13 18.2158Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M336.285 35.9047C328.953 42.9177 327.685 53.6711 332.905 62.2875C334.509 62.7898 347.74 49.7178 336.285 35.9047Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M296.56 84.5277C313.87 80.9467 311.43 62.6528 309.724 61.9777C301.109 65.3516 294.229 75.3476 296.56 84.5277Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M108.599 92.8479C107.17 93.4913 102.372 108.398 81.8028 103.205C83.4981 97.543 91.5467 92.5197 97.2825 91.6548L97.3587 91.1046L88.6129 88.7874C83.2879 95.3485 74.0271 97.5947 66.0583 95.2917C58.9504 93.2403 59.6552 92.2006 61.7549 90.2559C65.1589 87.1053 72.7278 84.1965 77.4902 84.8481L77.5664 84.2979L69.0725 80.1618C60.9053 87.0537 47.8366 84.7923 40.7478 77.5403C55.158 66.964 67.0478 80.2709 53.0228 67.7588C42.347 71.842 31.7193 68.3218 25.3952 58.7533C30.5575 55.4489 39.375 56.1792 44.5311 59.5571L44.9487 59.241L39.1611 51.5929C32.277 52.8751 24.3672 50.5959 19.6935 45.1973C18.5575 43.8949 13.7796 36.6047 15.4772 35.539C17.7625 34.1107 29.2164 37.4025 33.2839 41.8916C29.8793 32.2211 25.4311 31.5506 22.4524 26.5113C19.7836 21.9901 19.3952 12.3634 22.581 8.20111C30.7558 13.7418 34.2285 21.5134 32.1729 31.1833C45.933 62.8202 72.2506 84.3796 105.676 88.5875C107.735 88.8493 109.094 90.8446 108.583 92.8458L108.599 92.8479Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M71.7555 75.5325C60.9697 71.2972 57.8707 60.0956 63.4001 50.3147C71.601 55.8356 75.2987 66.201 71.7555 75.5325Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M42.6767 18.2158C48.7035 26.1619 48.6155 37.6544 41.2344 44.663C33.7221 36.8695 34.1754 25.0459 42.6767 18.2158Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M51.5218 35.9047C58.8539 42.9177 60.1223 53.6711 54.9021 62.2875C53.2981 62.7898 40.0672 49.7178 51.5218 35.9047Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M91.2475 84.5277C73.9372 80.9467 76.377 62.6528 78.0828 61.9777C86.6978 65.3516 93.578 75.3476 91.2475 84.5277Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/index.ts

@@ -30,6 +30,24 @@ import { createRibbonType46 } from "./RibbonType46";
 import { createRibbonType53 } from "./RibbonType53";
 import { createRibbonType57 } from "./RibbonType57";
 import { createRibbonType61 } from "./RibbonType61";
+import { createRibbonType92 } from "./RibbonType92";
+import { createRibbonType93 } from "./RibbonType93";
+import { createRibbonType93_1 } from "./RibbonType93_1";
+import { createRibbonType96 } from "./RibbonType96";
+import { createRibbonType96_1 } from "./RibbonType96_1";
+import { createRibbonType97 } from "./RibbonType97";
+import { createRibbonType99 } from "./RibbonType99";
+import { createRibbonType101 } from "./RibbonType101";
+import { createRibbonType101_1 } from "./RibbonType101_1";
+import { createRibbonType103 } from "./RibbonType103";
+import { createRibbonType107 } from "./RibbonType107";
+import { createRibbonType109 } from "./RibbonType109";
+import { createRibbonType110 } from "./RibbonType110";
+import { createRibbonType113 } from "./RibbonType113";
+import { createRibbonType115 } from "./RibbonType115";
+import { createRibbonType116_1 } from "./RibbonType116_1";
+import { createRibbonType116 } from "./RibbonType116";
+import { createRibbonType118 } from "./RibbonType118";
 
 import { createRibbonWing1 } from "./RibbonWing1";
 import { createRibbonWing2 } from "./RibbonWing2";
@@ -44,6 +62,9 @@ import { createRibbonWing10 } from "./RibbonWing10";
 import { createRibbonWing11 } from "./RibbonWing11";
 import { createRibbonWing12 } from "./RibbonWing12";
 import { createRibbonWing14 } from "./RibbonWing14";
+import { createRibbonWing104 } from "./RibbonWing104";
+import { createRibbonWing105 } from "./RibbonWing105";
+import { createRibbonWing106 } from "./RibbonWing106";
 
 const Ribbons = {
   // RibbonType Type
@@ -79,6 +100,24 @@ const Ribbons = {
   RibbonType53: createRibbonType53,
   RibbonType57: createRibbonType57,
   RibbonType61: createRibbonType61,
+  RibbonType92: createRibbonType92,
+  RibbonType93: createRibbonType93,
+  RibbonType93_1: createRibbonType93_1,
+  RibbonType96: createRibbonType96,
+  RibbonType96_1: createRibbonType96_1,
+  RibbonType97: createRibbonType97,
+  RibbonType99: createRibbonType99,
+  RibbonType101: createRibbonType101,
+  RibbonType101_1: createRibbonType101_1,
+  RibbonType103: createRibbonType103,
+  RibbonType107: createRibbonType107,
+  RibbonType109: createRibbonType109,
+  RibbonType110: createRibbonType110,
+  RibbonType113: createRibbonType113,
+  RibbonType115: createRibbonType115,
+  RibbonType116_1: createRibbonType116_1,
+  RibbonType116: createRibbonType116,
+  RibbonType118: createRibbonType118,
 
   // RibbonWing Type
   RibbonWing1: createRibbonWing1,
@@ -94,6 +133,9 @@ const Ribbons = {
   RibbonWing11: createRibbonWing11,
   RibbonWing12: createRibbonWing12,
   RibbonWing14: createRibbonWing14,
+  RibbonWing104: createRibbonWing104,
+  RibbonWing105: createRibbonWing105,
+  RibbonWing106: createRibbonWing106,
 };
 
 export default Ribbons;