@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/src/templates/ribbons/RibbonType101.ts

@@ -0,0 +1,126 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType101({
+  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 488 121"
+      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="M487.658 108.18C324.423 67.1709 163.56 149.19 0.361328 108.18C0.361328 76.3706 0.361328 44.5963 0.361328 12.7866C163.56 53.796 324.423 -28.2227 487.658 12.7866C487.658 44.5963 487.658 76.3706 487.658 108.18Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M115.093 59.9003C114.385 59.0157 113.5 58.3435 112.438 57.8835C111.376 57.4235 110.208 57.2112 108.898 57.2466C107.128 57.282 105.606 57.7773 104.296 58.6973C102.986 59.6173 102.03 60.9264 101.358 62.6248C100.685 64.3233 100.366 66.3401 100.437 68.6754C100.508 71.0815 100.933 73.0983 101.712 74.726C102.49 76.389 103.552 77.592 104.898 78.4412C106.243 79.2551 107.765 79.6443 109.535 79.5735C110.81 79.5381 111.978 79.2904 113.005 78.7951C114.031 78.2997 114.881 77.6274 115.518 76.7428C116.191 75.8582 116.615 74.8321 116.792 73.5937L123.908 73.4168C123.696 75.5752 122.988 77.5566 121.784 79.432C120.58 81.2719 118.952 82.7934 116.863 83.961C114.775 85.1287 112.332 85.7302 109.571 85.8364C106.526 85.9425 103.8 85.3056 101.393 83.9964C98.9857 82.6872 97.0387 80.7412 95.6226 78.1582C94.2066 75.5752 93.4277 72.4968 93.3215 68.8877C93.2153 65.2786 93.8171 62.1649 95.0916 59.5111C96.366 56.8574 98.2069 54.8051 100.543 53.3544C102.88 51.9037 105.57 51.1252 108.579 51.0545C111.199 50.9837 113.571 51.4083 115.695 52.2929C117.819 53.1775 119.589 54.5574 120.97 56.362C122.35 58.1665 123.235 60.3249 123.625 62.8725L116.509 63.0848C116.297 61.8464 115.837 60.7849 115.129 59.9003H115.093Z"
+        fill="white"
+      />
+      <path
+        d="M127.802 50.807L150.53 49.5332L150.848 55.3361L135.166 56.2207L135.626 64.4296L150.14 63.6158L150.459 69.4187L135.945 70.2325L136.405 78.4415L152.158 77.5569L152.477 83.3598L129.679 84.6336L127.802 50.807Z"
+        fill="white"
+      />
+      <path
+        d="M155.805 49.1787L169.045 48.1526C171.558 47.9757 173.788 48.2587 175.665 49.0018C177.541 49.7802 179.028 50.9479 180.125 52.5048C181.223 54.0616 181.825 56.0077 182.002 58.2015C182.179 60.5014 181.825 62.5183 180.904 64.2521C180.019 65.9858 178.638 67.3304 176.762 68.2858L184.975 80.8823L177.187 81.4838L169.859 69.9488L164.513 70.3734L165.434 82.3684L158.424 82.8991L155.84 49.108L155.805 49.1787ZM169.009 64.3582C173.116 64.0398 175.063 62.1998 174.78 58.803C174.638 57.0692 174.036 55.8308 172.939 55.017C171.841 54.2032 170.248 53.8847 168.195 54.0262L163.274 54.4155L164.053 64.7474L168.974 64.3582H169.009Z"
+        fill="white"
+      />
+      <path
+        d="M184.585 46.9497L212.234 44.2959L212.8 50.0988L202.463 51.0895L205.153 79.0424L198.215 79.7147L195.524 51.7618L185.152 52.7525L184.585 46.9497Z"
+        fill="white"
+      />
+      <path
+        d="M227.492 76.7075L220.483 77.4505L216.836 43.7655L223.846 43.0225L227.492 76.7075Z"
+        fill="white"
+      />
+      <path
+        d="M230.43 42.2438L252.662 40.0146L253.228 45.8175L237.971 47.339L238.785 55.5126L252.556 54.1326L253.122 59.9001L239.351 61.2801L240.732 75.2565L233.722 75.9642L230.359 42.2438H230.43Z"
+        fill="white"
+      />
+      <path
+        d="M268.239 72.7441L261.229 73.3456L258.362 39.5898L265.371 38.9883L268.239 72.7441Z"
+        fill="white"
+      />
+      <path
+        d="M294.187 45.4637C293.444 44.6145 292.559 43.9776 291.461 43.553C290.364 43.1284 289.196 42.9869 287.886 43.0576C286.116 43.1638 284.629 43.7299 283.355 44.6853C282.116 45.6406 281.16 46.9852 280.558 48.719C279.956 50.4528 279.708 52.4696 279.885 54.8049C280.027 57.1756 280.558 59.1925 281.372 60.8201C282.222 62.4478 283.319 63.6154 284.664 64.3938C286.045 65.1723 287.603 65.4907 289.337 65.3846C290.612 65.3138 291.745 64.9954 292.771 64.4646C293.763 63.9339 294.577 63.2262 295.214 62.3062C295.851 61.3863 296.241 60.3248 296.382 59.1217L303.498 58.6971C303.356 60.8555 302.754 62.8724 301.622 64.7831C300.489 66.6938 298.931 68.2506 296.878 69.4891C294.825 70.7275 292.417 71.4351 289.691 71.6121C286.647 71.8244 283.886 71.2936 281.443 70.0906C278.965 68.8875 276.982 67.0122 275.46 64.4646C273.938 61.917 273.053 58.874 272.805 55.3003C272.557 51.7266 273.017 48.5775 274.221 45.8529C275.389 43.1284 277.124 41.0054 279.425 39.4839C281.726 37.9624 284.346 37.0778 287.355 36.8655C289.975 36.6886 292.347 37.0071 294.506 37.8563C296.665 38.7055 298.471 39.9793 299.922 41.7131C301.374 43.4469 302.33 45.6053 302.825 48.1175L295.71 48.5775C295.426 47.3744 294.931 46.3129 294.223 45.4637H294.187Z"
+        fill="white"
+      />
+      <path
+        d="M307.109 69.9846L317.446 35.6273L326.509 35.2734L339.607 68.6754L332.067 68.9938L329.199 61.2802L316.915 61.7756L314.685 69.7015L307.144 70.02L307.109 69.9846ZM327.146 55.8312L322.402 43.0932H322.154L318.473 56.185L327.181 55.8312H327.146Z"
+        fill="white"
+      />
+      <path
+        d="M337.908 34.8135L365.663 34.3535L365.769 40.1918L355.396 40.3687L355.892 68.4277L348.918 68.5339L348.422 40.4748L338.014 40.6518L337.908 34.8135Z"
+        fill="white"
+      />
+      <path
+        d="M371.503 34.3535L394.266 34.5658L394.196 40.4041L378.477 40.2625L378.407 48.4715L392.957 48.613V54.4159L378.371 54.2744L378.3 62.4833L394.089 62.6249V68.4631L371.22 68.2508L371.539 34.3535H371.503Z"
+        fill="white"
+      />
+      <path
+        d="M487.658 108.18C324.423 67.1709 163.56 149.19 0.361328 108.18C0.361328 76.3706 0.361328 44.5963 0.361328 12.7866C163.56 53.796 324.423 -28.2227 487.658 12.7866C487.658 44.5963 487.658 76.3706 487.658 108.18Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M115.093 59.9003C114.385 59.0157 113.5 58.3435 112.438 57.8835C111.376 57.4235 110.208 57.2112 108.898 57.2466C107.128 57.282 105.606 57.7773 104.296 58.6973C102.986 59.6173 102.03 60.9264 101.358 62.6248C100.685 64.3233 100.366 66.3401 100.437 68.6754C100.508 71.0815 100.933 73.0983 101.712 74.726C102.49 76.389 103.552 77.592 104.898 78.4412C106.243 79.2551 107.765 79.6443 109.535 79.5735C110.81 79.5381 111.978 79.2904 113.005 78.7951C114.031 78.2997 114.881 77.6274 115.518 76.7428C116.191 75.8582 116.615 74.8321 116.792 73.5937L123.908 73.4168C123.696 75.5752 122.988 77.5566 121.784 79.432C120.58 81.2719 118.952 82.7934 116.863 83.961C114.775 85.1287 112.332 85.7302 109.571 85.8364C106.526 85.9425 103.8 85.3056 101.393 83.9964C98.9857 82.6872 97.0387 80.7412 95.6226 78.1582C94.2066 75.5752 93.4277 72.4968 93.3215 68.8877C93.2153 65.2786 93.8171 62.1649 95.0916 59.5111C96.366 56.8574 98.2069 54.8051 100.543 53.3544C102.88 51.9037 105.57 51.1252 108.579 51.0545C111.199 50.9837 113.571 51.4083 115.695 52.2929C117.819 53.1775 119.589 54.5574 120.97 56.362C122.35 58.1665 123.235 60.3249 123.625 62.8725L116.509 63.0848C116.297 61.8464 115.837 60.7849 115.129 59.9003H115.093Z"
+        fill="white"
+      />
+      <path
+        d="M127.802 50.807L150.53 49.5332L150.848 55.3361L135.166 56.2207L135.626 64.4296L150.14 63.6158L150.459 69.4187L135.945 70.2325L136.405 78.4415L152.158 77.5569L152.477 83.3598L129.679 84.6336L127.802 50.807Z"
+        fill="white"
+      />
+      <path
+        d="M155.805 49.1787L169.045 48.1526C171.558 47.9757 173.788 48.2587 175.665 49.0018C177.541 49.7802 179.028 50.9479 180.125 52.5048C181.223 54.0616 181.825 56.0077 182.002 58.2015C182.179 60.5014 181.825 62.5183 180.904 64.2521C180.019 65.9858 178.638 67.3304 176.762 68.2858L184.975 80.8823L177.187 81.4838L169.859 69.9488L164.513 70.3734L165.434 82.3684L158.424 82.8991L155.84 49.108L155.805 49.1787ZM169.009 64.3582C173.116 64.0398 175.063 62.1998 174.78 58.803C174.638 57.0692 174.036 55.8308 172.939 55.017C171.841 54.2032 170.248 53.8847 168.195 54.0262L163.274 54.4155L164.053 64.7474L168.974 64.3582H169.009Z"
+        fill="white"
+      />
+      <path
+        d="M184.585 46.9497L212.234 44.2959L212.8 50.0988L202.463 51.0895L205.153 79.0424L198.215 79.7147L195.524 51.7618L185.152 52.7525L184.585 46.9497Z"
+        fill="white"
+      />
+      <path
+        d="M227.492 76.7075L220.483 77.4505L216.836 43.7655L223.846 43.0225L227.492 76.7075Z"
+        fill="white"
+      />
+      <path
+        d="M230.43 42.2438L252.662 40.0146L253.228 45.8175L237.971 47.339L238.785 55.5126L252.556 54.1326L253.122 59.9001L239.351 61.2801L240.732 75.2565L233.722 75.9642L230.359 42.2438H230.43Z"
+        fill="white"
+      />
+      <path
+        d="M268.239 72.7441L261.229 73.3456L258.362 39.5898L265.371 38.9883L268.239 72.7441Z"
+        fill="white"
+      />
+      <path
+        d="M294.187 45.4637C293.444 44.6145 292.559 43.9776 291.461 43.553C290.364 43.1284 289.196 42.9869 287.886 43.0576C286.116 43.1638 284.629 43.7299 283.355 44.6853C282.116 45.6406 281.16 46.9852 280.558 48.719C279.956 50.4528 279.708 52.4696 279.885 54.8049C280.027 57.1756 280.558 59.1925 281.372 60.8201C282.222 62.4478 283.319 63.6154 284.664 64.3938C286.045 65.1723 287.603 65.4907 289.337 65.3846C290.612 65.3138 291.745 64.9954 292.771 64.4646C293.763 63.9339 294.577 63.2262 295.214 62.3062C295.851 61.3863 296.241 60.3248 296.382 59.1217L303.498 58.6971C303.356 60.8555 302.754 62.8724 301.622 64.7831C300.489 66.6938 298.931 68.2506 296.878 69.4891C294.825 70.7275 292.417 71.4351 289.691 71.6121C286.647 71.8244 283.886 71.2936 281.443 70.0906C278.965 68.8875 276.982 67.0122 275.46 64.4646C273.938 61.917 273.053 58.874 272.805 55.3003C272.557 51.7266 273.017 48.5775 274.221 45.8529C275.389 43.1284 277.124 41.0054 279.425 39.4839C281.726 37.9624 284.346 37.0778 287.355 36.8655C289.975 36.6886 292.347 37.0071 294.506 37.8563C296.665 38.7055 298.471 39.9793 299.922 41.7131C301.374 43.4469 302.33 45.6053 302.825 48.1175L295.71 48.5775C295.426 47.3744 294.931 46.3129 294.223 45.4637H294.187Z"
+        fill="white"
+      />
+      <path
+        d="M307.109 69.9846L317.446 35.6273L326.509 35.2734L339.607 68.6754L332.067 68.9938L329.199 61.2802L316.915 61.7756L314.685 69.7015L307.144 70.02L307.109 69.9846ZM327.146 55.8312L322.402 43.0932H322.154L318.473 56.185L327.181 55.8312H327.146Z"
+        fill="white"
+      />
+      <path
+        d="M337.908 34.8135L365.663 34.3535L365.769 40.1918L355.396 40.3687L355.892 68.4277L348.918 68.5339L348.422 40.4748L338.014 40.6518L337.908 34.8135Z"
+        fill="white"
+      />
+      <path
+        d="M371.503 34.3535L394.266 34.5658L394.196 40.4041L378.477 40.2625L378.407 48.4715L392.957 48.613V54.4159L378.371 54.2744L378.3 62.4833L394.089 62.6249V68.4631L371.22 68.2508L371.539 34.3535H371.503Z"
+        fill="white"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType101_1.ts

@@ -0,0 +1,56 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType101_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 575 145"
+      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="M231.24 2.65332V79.683C163.624 79.683 96.0433 88.175 28.6749 105.124L38.1624 62.2036L0 31.8446C76.608 12.3838 153.924 2.65332 231.24 2.65332Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M231.24 2.65332V79.683C163.624 79.683 96.0433 88.175 28.6749 105.124L38.1624 62.2036L0 31.8446C76.608 12.3838 153.924 2.65332 231.24 2.65332Z"
+        fill="black"
+        fillOpacity="0.2"
+      />
+      <path
+        d="M343.32 102.506V25.4407C410.936 25.4407 478.517 16.9487 545.886 0L536.398 42.9201L574.56 73.2791C497.988 92.7753 420.672 102.506 343.356 102.506H343.32Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M343.32 102.506V25.4407C410.936 25.4407 478.517 16.9487 545.886 0L536.398 42.9201L574.56 73.2791C497.988 92.7753 420.672 102.506 343.356 102.506H343.32Z"
+        fill="black"
+        fillOpacity="0.2"
+      />
+      <path
+        d="M43.6492 48.8995L109.672 24.0957L142.843 100.842L43.6492 144.293V48.8995Z"
+        fill="#14141E"
+      />
+      <path
+        d="M530.946 48.9001L465.135 16.2412L405.591 93.8724L530.946 144.294V48.9001Z"
+        fill="#14141E"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType103.ts

@@ -0,0 +1,158 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType103({
+  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 274 147"
+      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="M271 147C274.2 143.8 274 134.667 273.5 130.5L270.5 125.5L260.5 119L261.5 128L271 147Z"
+        fill="#636363"
+      />
+      <g opacity="0.7" filter="url(#filter0_f_3488_6905)">
+        <path
+          d="M11.5 51L36.5 42.5H68.5L259.5 116.5L267.5 140.5C202.7 106.5 103 123.5 58 134L61 72L11.5 51Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <path
+        d="M48.5 120.5C189.7 92.1002 259.333 114.5 273.5 130.5C268.5 118.5 263 107 252.5 66.5C244.391 35.2231 232.333 18.8338 215 12.0005C115.5 -16.9998 32.3333 16.5 0.5 32L53.5 55.0005L48.5 120.5Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M269 121C255.819 106.1 176.5 85 55.5 113.5L60 52.0001L15 31.5001C44.6178 17.0652 132.5 -13 229.5 22.5"
+        stroke="url(#${paintId0})"
+        strokeWidth="2"
+      />
+      <rect
+        x="92"
+        y="11"
+        width="80"
+        height="80"
+        fill="url(#pattern0_3488_6905)"
+      />
+      <path
+        d="M271 147C274.2 143.8 274 134.667 273.5 130.5L270.5 125.5L260.5 119L261.5 128L271 147Z"
+        fill="#636363"
+      />
+      <g opacity="0.7" filter="url(#filter1_f_3488_6905)">
+        <path
+          d="M11.5 51L36.5 42.5H68.5L259.5 116.5L267.5 140.5C202.7 106.5 103 123.5 58 134L61 72L11.5 51Z"
+          fill="${mainColor}"
+        />
+      </g>
+      <path
+        d="M48.5 120.5C189.7 92.1002 259.333 114.5 273.5 130.5C268.5 118.5 263 107 252.5 66.5C244.391 35.2231 232.333 18.8338 215 12.0005C115.5 -16.9998 32.3333 16.5 0.5 32L53.5 55.0005L48.5 120.5Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M269 121C255.819 106.1 176.5 85 55.5 113.5L60 52.0001L15 31.5001C44.6178 17.0652 132.5 -13 229.5 22.5"
+        stroke="url(#${paintId1})"
+        strokeWidth="2"
+      />
+      <defs>
+        <filter
+          id="filter0_f_3488_6905"
+          x="7.5"
+          y="38.5"
+          width="264"
+          height="106"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="2"
+            result="effect1_foregroundBlur_3488_6905"
+          />
+        </filter>
+        <pattern
+          id="pattern0_3488_6905"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use
+            transform="translate(-0.131198 -0.126971) scale(0.00353698)"
+          />
+        </pattern>
+        <filter
+          id="filter1_f_3488_6905"
+          x="7.5"
+          y="38.5"
+          width="264"
+          height="106"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="2"
+            result="effect1_foregroundBlur_3488_6905"
+          />
+        </filter>
+        <linearGradient
+          id={paintId0}
+          x1="47.5"
+          y1="96.5"
+          x2="237.5"
+          y2="57.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#0C1A39" />
+          <stop offset="1" stopColor="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id={paintId1}
+          x1="47.5"
+          y1="96.5"
+          x2="237.5"
+          y2="57.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#0C1A39" />
+          <stop offset="1" stopColor="${subColor}" />
+        </linearGradient>
+        <image
+          id="image0_3488_6905"
+          width="360"
+          height="360"
+          preserveAspectRatio="none"
+        />
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType107.ts

@@ -0,0 +1,150 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType107({
+  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 369 188"
+      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="M245.575 187.447L298.712 142.051L368.11 150.143L322.402 0.0673828L199.868 37.3722L245.575 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M207.88 34.9219L249.853 172.666L254.637 168.581L258.644 165.158L296.027 133.183L344.807 138.901L350.02 139.484L356.321 140.223L314.348 2.47949L207.88 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M354.918 139.052L350.136 138.491L350.131 138.49L344.923 137.907H344.924L296.144 132.189L295.709 132.139L295.377 132.423L257.994 164.397L253.988 167.82L250.364 170.913L209.128 35.5869L313.683 3.72754L354.918 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        strokeWidth="2"
+      />
+      <path
+        d="M304.236 5.59082L344.809 138.9L350.021 139.484L308.826 4.19043L304.236 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M213.445 33.248L254.64 168.58L258.647 165.157L218.035 31.8477L213.445 33.248Z"
+        fill="white"
+      />
+      <path
+        d="M122.532 187.447L69.395 142.051L-0.00212097 150.143L45.7051 0.0673828L168.239 37.3722L122.532 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M160.228 34.9219L118.255 172.666L113.47 168.581L109.463 165.158L72.0807 133.183L23.3005 138.901L18.0879 139.484L11.7862 140.223L53.7589 2.47949L160.228 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M13.1895 139.052L17.9717 138.491L17.9766 138.49L23.1846 137.907H23.1836L71.9639 132.189L72.3984 132.139L72.7305 132.423L110.113 164.397L114.119 167.82L117.743 170.913L158.979 35.5869L54.4248 3.72754L13.1895 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        strokeWidth="2"
+      />
+      <path
+        d="M63.8711 5.59082L23.2987 138.9L18.0861 139.484L59.2809 4.19043L63.8711 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M154.662 33.248L113.467 168.58L109.461 165.157L150.072 31.8477L154.662 33.248Z"
+        fill="white"
+      />
+      <path
+        d="M218.498 99L206.998 61.5L322.998 2.5L341.498 62.5L218.498 99Z"
+        fill="url(#paint0_linear_3488_6913)"
+      />
+      <path
+        d="M149.498 98.866L160.998 61.366L45.498 2.5L26.998 62.5L149.498 98.866Z"
+        fill="url(#paint1_linear_3488_6913)"
+      />
+      <path
+        d="M245.575 187.447L298.712 142.051L368.11 150.143L322.402 0.0673828L199.868 37.3722L245.575 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M207.88 34.9219L249.853 172.666L254.637 168.581L258.644 165.158L296.027 133.183L344.807 138.901L350.02 139.484L356.321 140.223L314.348 2.47949L207.88 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M354.918 139.052L350.136 138.491L350.131 138.49L344.923 137.907H344.924L296.144 132.189L295.709 132.139L295.377 132.423L257.994 164.397L253.988 167.82L250.364 170.913L209.128 35.5869L313.683 3.72754L354.918 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        strokeWidth="2"
+      />
+      <path
+        d="M304.236 5.59082L344.809 138.9L350.021 139.484L308.826 4.19043L304.236 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M213.445 33.248L254.64 168.58L258.647 165.157L218.035 31.8477L213.445 33.248Z"
+        fill="white"
+      />
+      <path
+        d="M122.532 187.447L69.395 142.051L-0.00212097 150.143L45.7051 0.0673828L168.239 37.3722L122.532 187.447Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M160.228 34.9219L118.255 172.666L113.47 168.581L109.463 165.158L72.0807 133.183L23.3005 138.901L18.0879 139.484L11.7862 140.223L53.7589 2.47949L160.228 34.9219Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M13.1895 139.052L17.9717 138.491L17.9766 138.49L23.1846 137.907H23.1836L71.9639 132.189L72.3984 132.139L72.7305 132.423L110.113 164.397L114.119 167.82L117.743 170.913L158.979 35.5869L54.4248 3.72754L13.1895 139.052Z"
+        stroke="white"
+        strokeOpacity="0.4"
+        strokeWidth="2"
+      />
+      <path
+        d="M63.8711 5.59082L23.2987 138.9L18.0861 139.484L59.2809 4.19043L63.8711 5.59082Z"
+        fill="white"
+      />
+      <path
+        d="M154.662 33.248L113.467 168.58L109.461 165.157L150.072 31.8477L154.662 33.248Z"
+        fill="white"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_3488_6913"
+          x1="274.248"
+          y1="2.5"
+          x2="295.998"
+          y2="77.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stopOpacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_3488_6913"
+          x1="94.248"
+          y1="2.5"
+          x2="72.498"
+          y2="77.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType109.ts

@@ -0,0 +1,70 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType109({
+  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 450 169"
+      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 91L83.8358 4.99549L167.672 77.9373L83.8358 163.942L63.0946 103.132L0 91Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M117 129.5L158 88L85 4.5L30 60L117 129.5Z"
+        fill="url(#paint0_linear_3488_8546)"
+      />
+      <path
+        d="M449.672 91L365.836 4.99549L282 77.9373L365.836 163.942L386.577 103.132L449.672 91Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M332.5 129.5L291.5 88L364.5 4.5L419.5 60L332.5 129.5Z"
+        fill="url(#paint1_linear_3488_8546)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_3488_8546"
+          x1="85.234"
+          y1="95.2858"
+          x2="123"
+          y2="42.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.218267" stopOpacity="0" />
+          <stop offset="1" stopOpacity="0.4" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_3488_8546"
+          x1="364.266"
+          y1="95.2858"
+          x2="331.5"
+          y2="48"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.218267" stopOpacity="0" />
+          <stop offset="1" stopOpacity="0.4" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonType110.ts

@@ -0,0 +1,57 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonType110({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#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 584 133"
+      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 0H63V93H0L27 46.5L0 0Z" fill="${extraColor1}" />
+      <path d="M584 0H521V93H584L557 46.5L584 0Z" fill="${extraColor1}" />
+      <path d="M517 3L547 19.8511V25H517V3Z" fill="#281700" />
+      <path d="M67 3L37 19.8511V25H67V3Z" fill="#281700" />
+      <rect
+        x="37"
+        y="20"
+        width="510"
+        height="113"
+        fill="url(#${paintId0})"
+      />
+      <defs>
+        <linearGradient
+          id={paintId0}
+          x1="-33"
+          y1="65.5"
+          x2="194.388"
+          y2="-234.95"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.296774" stopColor="${subColor}" />
+          <stop offset="0.736337" stopColor="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/src/templates/{icons/IconType47.ts → ribbons/RibbonType113.ts}

@@ -1,14 +1,16 @@
 import { ISvgProps } from "../../interface"; 
 
-export function createIconType47({
+export function createRibbonType113({
   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 348 138"
+      viewBox="0 0 577 76"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       preserveAspectRatio="xMidYMid meet"
@@ -23,8 +25,14 @@ export function createIconType47({
         display: block;
       "
     >
-      <path d="M0 1H348" stroke="${mainColor}" />
-      <path d="M0 137H348" stroke="${mainColor}" />
+      <path
+        d="M171.598 75.151H0.732422L39.0701 37.5593L0.732422 0H171.598V75.151Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M406.135 75.151H577L538.695 37.5593L577 0H406.135V75.151Z"
+        fill="${mainColor}"
+      />
     </svg>
   `;
 }