@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/icons/IconPillar2.ts

@@ -0,0 +1,125 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconPillar2({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 133 775"
+        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.581752 195.842L83.7275 195.842L83.7275 202.792L0.581753 202.792L0.581752 195.842ZM88.6128 195.842L93.498 195.842L93.498 202.926L88.6128 202.926L88.6128 195.842ZM83.7275 223.91L93.498 223.91L93.498 230.86L83.7275 230.86L83.7275 223.91ZM78.8422 237.944L83.7275 237.944L83.7275 244.894L78.8422 244.894L78.8422 237.944ZM88.6128 237.944L93.498 237.944L93.498 245.027L88.6128 245.027L88.6128 237.944ZM0.581756 237.944L73.9569 237.944L73.9569 244.894L0.581757 244.894L0.581756 237.944ZM0.581755 223.91L78.8422 223.91L78.8422 230.993L0.581755 230.993L0.581755 223.91ZM0.581754 209.876L93.498 209.876L93.498 216.826L0.581754 216.826L0.581754 209.876Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M132.582 300.893L132.582 307.977L127.697 307.977L127.697 300.893L132.582 300.893ZM132.582 314.927L132.582 322.011L127.697 322.011L127.697 314.927L132.582 314.927ZM132.582 195.84L132.582 293.943L127.697 293.943L127.697 195.84L132.582 195.84ZM113.041 195.84L113.041 314.927L108.156 314.927L108.156 195.84L113.041 195.84ZM98.385 328.961L98.385 314.927L103.27 314.927L103.27 328.961L98.385 328.961ZM103.27 195.84L103.27 307.977L98.385 307.977L98.385 195.84L103.27 195.84ZM113.041 322.011L113.041 328.961L108.156 328.961L108.156 322.011L113.041 322.011ZM122.811 195.84L122.811 328.961L117.926 328.961L117.926 195.84L122.811 195.84Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M29.896 278.844L29.896 271.894L34.7812 271.894L34.7812 278.844L29.896 278.844ZM29.896 264.81L29.896 257.86L34.7812 257.86L34.7812 264.81L29.896 264.81ZM29.896 383.897L29.896 285.928L34.7812 285.928L34.7812 383.897L29.896 383.897ZM10.3548 383.897L10.3548 264.81L15.2401 264.81L15.2401 383.897L10.3548 383.897ZM5.46952 250.91L5.46952 264.81L0.584199 264.81L0.584198 250.91L5.46952 250.91ZM0.584209 383.897L0.5842 271.894L5.46952 271.894L5.46953 383.897L0.584209 383.897ZM10.3548 257.86L10.3548 250.91L15.2401 250.91L15.2401 257.86L10.3548 257.86ZM20.1254 383.897L20.1254 250.91L25.0106 250.91L25.0107 383.897L20.1254 383.897Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M44.1671 327.628L40.6228 327.628L40.6228 322.683L88.9968 253.315L92.541 253.315L92.541 258.261L44.1671 327.628ZM40.6228 312.792L40.6228 302.768L75.203 253.315L82.0999 253.315L40.6228 312.792ZM40.6228 293.011L40.6228 282.987L61.4093 253.315L68.3061 253.315L40.6228 293.011ZM54.4166 253.315L40.6228 273.23L40.6228 263.339L47.5197 253.315L54.4166 253.315ZM57.865 327.628L50.9682 327.628L92.4452 268.285L92.4452 278.175L57.865 327.628ZM71.6588 327.628L64.7619 327.628L92.4452 287.932L92.4452 297.823L71.6588 327.628ZM92.3494 317.737L85.4526 327.628L78.5557 327.628L92.3494 307.847L92.3494 317.737Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M39.6657 334.979L122.811 334.979L122.811 341.929L39.6657 341.929L39.6657 334.979ZM127.697 334.979L132.582 334.979L132.582 341.929L127.697 341.929L127.697 334.979ZM122.811 363.046L132.582 363.046L132.582 369.997L122.811 369.997L122.811 363.046ZM117.926 377.08L122.811 377.08L122.811 384.164L117.926 384.164L117.926 377.08ZM127.697 377.08L132.582 377.08L132.582 384.03L127.697 384.03L127.697 377.08ZM39.6657 377.08L113.041 377.08L113.041 384.164L39.6657 384.164L39.6657 377.08ZM39.6657 363.046L117.926 363.046L117.926 369.997L39.6657 369.997L39.6657 363.046ZM39.6657 349.013L132.582 349.013L132.582 356.096L39.6657 356.096L39.6657 349.013Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M0.581752 0.837975L83.7275 0.837968L83.7275 7.78808L0.581753 7.78809L0.581752 0.837975ZM88.6128 0.837967L93.498 0.837967L93.498 7.92179L88.6128 7.92179L88.6128 0.837967ZM83.7275 28.7721L93.498 28.7721L93.498 35.8558L83.7275 35.8558L83.7275 28.7721ZM78.8422 42.8059L83.7275 42.8059L83.7275 49.756L78.8422 49.756L78.8422 42.8059ZM88.6128 42.8059L93.498 42.8059L93.498 49.756L88.6128 49.756L88.6128 42.8059ZM0.581756 42.8059L73.9569 42.8059L73.9569 49.8897L0.581757 49.8897L0.581756 42.8059ZM0.581755 28.7721L78.8422 28.7721L78.8422 35.7222L0.581755 35.7222L0.581755 28.7721ZM0.581754 14.8718L93.498 14.8718L93.498 21.8219L0.581754 21.8219L0.581754 14.8718Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M132.582 105.892L132.582 112.842L127.697 112.842L127.697 105.892L132.582 105.892ZM132.582 119.926L132.582 126.876L127.697 126.876L127.697 119.926L132.582 119.926ZM132.582 0.838791L132.582 98.9421L127.697 98.9421L127.697 0.838791L132.582 0.838791ZM113.041 0.838793L113.041 119.926L108.156 119.926L108.156 0.838793L113.041 0.838793ZM98.385 133.96L98.385 119.926L103.27 119.926L103.27 133.96L98.385 133.96ZM103.27 0.838793L103.27 112.842L98.385 112.842L98.385 0.838794L103.27 0.838793ZM113.041 126.876L113.041 133.96L108.156 133.96L108.156 126.876L113.041 126.876ZM122.811 0.838792L122.811 133.96L117.926 133.96L117.926 0.838792L122.811 0.838792Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M29.896 83.8372L29.896 76.7535L34.7812 76.7535L34.7812 83.8372L29.896 83.8372ZM29.896 69.8034L29.896 62.8533L34.7812 62.8533L34.7812 69.8034L29.896 69.8034ZM29.896 188.891L29.896 90.7874L34.7812 90.7874L34.7812 188.891L29.896 188.891ZM10.3548 188.891L10.3548 69.8034L15.2401 69.8034L15.2401 188.891L10.3548 188.891ZM5.46952 55.7695L5.46952 69.8034L0.584199 69.8034L0.584198 55.7695L5.46952 55.7695ZM0.584209 188.891L0.5842 76.7535L5.46952 76.7535L5.46953 188.891L0.584209 188.891ZM10.3548 62.8533L10.3548 55.7695L15.2401 55.7695L15.2401 62.8533L10.3548 62.8533ZM20.1254 188.891L20.1254 55.7695L25.0106 55.7695L25.0107 188.891L20.1254 188.891Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M44.1671 132.488L40.6228 132.488L40.6228 127.543L88.9968 58.1757L92.541 58.1757L92.541 63.1209L44.1671 132.488ZM40.6228 117.652L40.6228 107.762L75.203 58.1757L82.0999 58.1757L40.6228 117.652ZM40.6228 97.8714L40.6228 87.9809L61.4093 58.3093L68.3061 58.3093L40.6228 97.8714ZM54.4166 58.1757L40.6228 77.9567L40.6228 68.0662L47.5197 58.1757L54.4166 58.1757ZM57.865 132.488L50.9682 132.488L92.4452 73.0114L92.4452 82.902L57.865 132.488ZM71.6588 132.488L64.7619 132.488L92.4452 92.9262L92.4452 102.817L71.6588 132.488ZM92.3494 122.598L85.4526 132.488L78.5557 132.488L92.3494 112.707L92.3494 122.598Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M39.6657 139.841L122.811 139.841L122.811 146.925L39.6657 146.925L39.6657 139.841ZM127.697 139.841L132.582 139.841L132.582 146.791L127.697 146.791L127.697 139.841ZM122.811 167.909L132.582 167.909L132.582 174.859L122.811 174.859L122.811 167.909ZM117.926 181.943L122.811 181.943L122.811 188.893L117.926 188.893L117.926 181.943ZM127.697 181.943L132.582 181.943L132.582 189.026L127.697 189.026L127.697 181.943ZM39.6657 181.943L113.041 181.943L113.041 188.893L39.6657 188.893L39.6657 181.943ZM39.6657 167.909L117.926 167.909L117.926 174.993L39.6657 174.993L39.6657 167.909ZM39.6657 153.875L132.582 153.875L132.582 160.825L39.6657 160.825L39.6657 153.875Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M132.582 579.833L49.4363 579.833L49.4363 572.749L132.582 572.749L132.582 579.833ZM44.5511 579.833L39.6657 579.833L39.6657 572.883L44.5511 572.883L44.5511 579.833ZM49.4363 551.765L39.6657 551.765L39.6657 544.815L49.4363 544.815L49.4363 551.765ZM54.3217 537.731L49.4363 537.731L49.4363 530.781L54.3217 530.781L54.3217 537.731ZM44.5511 537.731L39.6657 537.731L39.6657 530.648L44.5511 530.648L44.5511 537.731ZM132.582 537.731L59.2069 537.731L59.2069 530.781L132.582 530.781L132.582 537.731ZM132.582 551.765L54.3217 551.765L54.3217 544.682L132.582 544.682L132.582 551.765ZM132.582 565.799L39.6657 565.799L39.6657 558.849L132.582 558.849L132.582 565.799Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.5842 474.646L0.5842 467.696L5.46952 467.696L5.46952 474.646L0.5842 474.646ZM0.584199 460.746L0.584198 453.662L5.46952 453.662L5.46952 460.746L0.584199 460.746ZM0.584209 579.833L0.584201 481.73L5.46953 481.73L5.46953 579.833L0.584209 579.833ZM20.1254 579.833L20.1254 460.746L25.0106 460.746L25.0107 579.833L20.1254 579.833ZM34.7812 446.712L34.7812 460.746L29.896 460.746L29.896 446.712L34.7812 446.712ZM29.896 579.833L29.896 467.696L34.7812 467.696L34.7812 579.833L29.896 579.833ZM20.1254 453.662L20.1254 446.712L25.0106 446.712L25.0106 453.662L20.1254 453.662ZM10.3548 579.833L10.3548 446.712L15.2401 446.712L15.2401 579.833L10.3548 579.833Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M103.27 496.834L103.27 503.784L98.385 503.784L98.385 496.834L103.27 496.834ZM103.27 510.734L103.27 517.817L98.385 517.817L98.385 510.734L103.27 510.734ZM103.27 391.646L103.27 489.75L98.385 489.75L98.385 391.646L103.27 391.646ZM122.811 391.646L122.811 510.734L117.926 510.734L117.926 391.646L122.811 391.646ZM127.697 524.768L127.697 510.734L132.582 510.734L132.582 524.768L127.697 524.768ZM132.582 391.646L132.582 503.784L127.697 503.784L127.697 391.646L132.582 391.646ZM122.811 517.817L122.811 524.768L117.926 524.768L117.926 517.817L122.811 517.817ZM113.041 391.646L113.041 524.768L108.156 524.768L108.156 391.646L113.041 391.646Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M88.9968 448.051L92.541 448.051L92.541 452.996L44.1671 522.363L40.6228 522.363L40.6228 517.418L88.9968 448.051ZM92.541 462.886L92.541 472.777L57.9608 522.363L51.064 522.363L92.541 462.886ZM92.541 482.668L92.541 492.558L71.7546 522.363L64.8577 522.363L92.541 482.668ZM78.7473 522.23L92.541 502.449L92.541 512.339L85.6441 522.23L78.7473 522.23ZM75.2988 447.917L82.1957 447.917L40.7186 507.394L40.7186 497.503L75.2988 447.917ZM61.5051 447.917L68.4019 447.917L40.7186 487.613L40.7186 477.589L61.5051 447.917ZM40.8144 457.808L47.7113 447.917L54.6082 447.917L40.8144 467.832L40.8144 457.808Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M93.498 440.699L10.3523 440.699L10.3523 433.749L93.498 433.749L93.498 440.699ZM5.46708 440.699L0.581757 440.699L0.581756 433.615L5.46708 433.615L5.46708 440.699ZM10.3523 412.765L0.581754 412.765L0.581754 405.681L10.3523 405.681L10.3523 412.765ZM15.2376 398.731L10.3523 398.731L10.3523 391.781L15.2376 391.781L15.2376 398.731ZM5.46708 398.731L0.581753 398.731L0.581752 391.781L5.46707 391.781L5.46708 398.731ZM93.498 398.731L20.1229 398.731L20.1229 391.648L93.498 391.648L93.498 398.731ZM93.498 412.765L15.2376 412.765L15.2376 405.815L93.498 405.815L93.498 412.765ZM93.498 426.665L0.581755 426.665L0.581755 419.715L93.498 419.715L93.498 426.665Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M132.582 774.838L49.4363 774.838L49.4363 767.888L132.582 767.888L132.582 774.838ZM44.5511 774.838L39.6657 774.838L39.6657 767.754L44.5511 767.754L44.5511 774.838ZM49.4363 746.77L39.6657 746.77L39.6657 739.82L49.4363 739.82L49.4363 746.77ZM54.3217 732.736L49.4363 732.736L49.4363 725.786L54.3217 725.786L54.3217 732.736ZM44.5511 732.736L39.6657 732.736L39.6657 725.653L44.5511 725.653L44.5511 732.736ZM132.582 732.736L59.2069 732.736L59.2069 725.786L132.582 725.786L132.582 732.736ZM132.582 746.77L54.3217 746.77L54.3217 739.686L132.582 739.686L132.582 746.77ZM132.582 760.804L39.6657 760.804L39.6657 753.854L132.582 753.854L132.582 760.804Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.5842 669.784L0.5842 662.701L5.46952 662.701L5.46952 669.784L0.5842 669.784ZM0.584199 655.751L0.584198 648.801L5.46952 648.801L5.46952 655.751L0.584199 655.751ZM0.584209 774.838L0.584201 676.735L5.46953 676.735L5.46953 774.838L0.584209 774.838ZM20.1254 774.838L20.1254 655.751L25.0106 655.751L25.0107 774.838L20.1254 774.838ZM34.7812 641.717L34.7812 655.751L29.896 655.751L29.896 641.717L34.7812 641.717ZM29.896 774.838L29.896 662.701L34.7812 662.701L34.7812 774.838L29.896 774.838ZM20.1254 648.801L20.1254 641.717L25.0106 641.717L25.0106 648.801L20.1254 648.801ZM10.3548 774.838L10.3548 641.717L15.2401 641.717L15.2401 774.838L10.3548 774.838Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M103.27 691.837L103.27 698.787L98.385 698.787L98.385 691.837L103.27 691.837ZM103.27 705.87L103.27 712.821L98.385 712.821L98.385 705.87L103.27 705.87ZM103.27 586.783L103.27 684.886L98.385 684.886L98.385 586.783L103.27 586.783ZM122.811 586.783L122.811 705.87L117.926 705.87L117.926 586.783L122.811 586.783ZM127.697 719.904L127.697 705.87L132.582 705.87L132.582 719.904L127.697 719.904ZM132.582 586.783L132.582 698.787L127.697 698.787L127.697 586.783L132.582 586.783ZM122.811 712.821L122.811 719.904L117.926 719.904L117.926 712.821L122.811 712.821ZM113.041 586.783L113.041 719.904L108.156 719.904L108.156 586.783L113.041 586.783Z"
+          fill="${mainColor}"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M88.9968 643.053L92.541 643.053L92.541 647.998L44.1671 717.366L40.6228 717.366L40.6228 712.42L88.9968 643.053ZM92.541 658.022L92.541 667.913L57.9608 717.366L51.064 717.366L92.541 658.022ZM92.541 677.937L92.541 687.828L71.7546 717.499L64.8577 717.499L92.541 677.937ZM78.7473 717.633L92.541 697.718L92.541 707.742L85.6441 717.633L78.7473 717.633ZM75.2988 643.32L82.1957 643.32L40.7186 702.663L40.7186 692.773L75.2988 643.32ZM61.5051 643.32L68.4019 643.32L40.7186 683.016L40.7186 673.125L61.5051 643.32ZM40.8144 653.211L47.7113 643.32L54.6082 643.32L40.8144 663.101L40.8144 653.211Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M93.498 635.836L10.3523 635.836L10.3523 628.752L93.498 628.752L93.498 635.836ZM5.46708 635.836L0.581757 635.836L0.581756 628.886L5.46708 628.886L5.46708 635.836ZM10.3523 607.768L0.581754 607.768L0.581754 600.818L10.3523 600.818L10.3523 607.768ZM15.2376 593.734L10.3523 593.734L10.3523 586.651L15.2376 586.651L15.2376 593.734ZM5.46708 593.734L0.581753 593.734L0.581752 586.784L5.46707 586.784L5.46708 593.734ZM93.498 593.734L20.1229 593.734L20.1229 586.784L93.498 586.784L93.498 593.734ZM93.498 607.635L15.2376 607.635L15.2376 600.684L93.498 600.684L93.498 607.635ZM93.498 621.668L0.581755 621.668L0.581755 614.585L93.498 614.585L93.498 621.668Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSkewedLeft.ts

@@ -0,0 +1,23 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSkewedLeft({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 412 291"
+        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="M412 0L0 124V0H412Z" fill="${subColor}" />
+        <path d="M0 291V0H103L0 291Z" fill="${mainColor}" />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSkewedRight.ts

@@ -0,0 +1,29 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSkewedRight({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 509 283"
+        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.255859 282.211L508.256 162.211L508.256 282.211L0.255859 282.211Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M508.256 0.210938L508.256 282.211L381.256 282.211L508.256 0.210938Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType1.ts

@@ -0,0 +1,28 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType1({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 71 70"
+        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;"
+      >
+        <rect
+          width="61"
+          height="61"
+          rx="20"
+          transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 35.291 78.2266)"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType10.ts

@@ -0,0 +1,26 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType10({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 7 85"
+        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="M3.32812 0.773438V84.7734"
+          stroke="${mainColor}"
+          stroke-width="6"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType2.ts

@@ -0,0 +1,30 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType2({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 71 70"
+        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;"
+      >
+        <rect
+          y="-1.41421"
+          width="59"
+          height="59"
+          rx="19"
+          transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 34.291 75.8123)"
+          stroke="${mainColor}"
+          stroke-width="2"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType3.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType3({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 25 25"
+        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;"
+      >
+        <path
+          d="M21.5102 8.45018C27.3629 15.341 25.442 22.0303 16.8581 23.7884C8.29213 25.5221 0.724183 22.9322 0.262878 17.9614C-0.237583 13.0181 2.20173 6.03501 5.39428 2.35694C8.58682 -1.32113 15.6363 1.56251 21.5102 8.45018Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType4.ts

@@ -0,0 +1,32 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType4({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 57 58"
+        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;"
+      >
+        <path
+          d="M56.789 16.4329C54.8171 16.3224 51.8411 16.5188 50.22 15.5364C48.49 14.4804 48.2843 12.4173 48.0787 10.87C48.0303 10.5016 48.0182 10.0104 48.0061 9.65433L47.6795 0.935547L47.2318 10.4034C47.2318 10.4034 47.1472 13.8295 46.0584 14.8733C44.3526 16.7522 40.7717 16.2978 38.1465 16.4329V16.6539C40.9531 16.8381 44.8123 16.396 46.264 18.7292C47.8488 21.2712 47.4012 27.4726 47.5585 30.4566C47.5827 30.911 47.4859 31.4636 47.5585 31.8934C47.5827 32.0407 47.6069 32.1758 47.8609 32.1512C47.8972 30.5057 47.8125 28.8602 47.8609 27.2147C47.9214 25.1025 47.9456 22.8553 48.3811 20.7677C49.2764 16.4574 52.083 16.9118 56.8253 16.6416C57.0068 16.6416 57.0189 16.4206 56.8253 16.4083L56.789 16.4329Z"
+          fill="black"
+        />
+        <path
+          d="M36.0143 31.8961C36.1262 32.4029 35.7346 32.3845 35.4735 32.449C31.8273 33.3704 24.0501 34.2826 21.9333 39.0004C19.7885 43.755 19.4341 51.4489 18.6694 56.913C18.3244 57.0605 18.4829 56.4523 18.4549 56.1851C18.1192 51.5687 16.8603 40.2074 14.2773 37.3141C11.172 33.8311 4.96137 33.3335 1.16602 32.2923C1.22197 31.8961 1.4551 31.933 1.66958 31.8869C4.95205 31.1313 12.2071 29.9335 14.5663 26.6624C17.1401 23.0964 17.8861 12.9422 18.4456 7.99411C18.4829 7.69004 18.4456 7.35832 18.7347 7.27539C19.0238 11.2283 19.4621 15.1905 20.2174 19.0052C21.5136 25.5474 22.2596 27.5009 26.9409 29.5188C29.8224 30.7627 33.0116 31.4907 36.0143 31.8777V31.8961Z"
+          fill="${mainColor}"
+          stroke="black"
+          stroke-width="1.5"
+          stroke-miterlimit="10"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType5.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType5({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 66 68"
+        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;"
+      >
+        <path
+          d="M39.0514 0.292363L52.2622 16.5084L65.4188 32.7686L54.08 50.3473L42.6826 67.8879L22.464 62.536L2.26336 57.1165L1.10634 36.2302L0.01917 15.3402L19.5227 7.78362L39.0514 0.292363Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType6.ts

@@ -0,0 +1,29 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType6({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 47 55"
+        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="M32.4739 27.2205C29.0734 27.023 23.9211 27.36 21.1274 25.6632C18.1505 23.8501 17.7727 20.2821 17.4177 17.5974C17.3376 16.9582 17.3032 16.1214 17.2803 15.4938L16.7193 0.419922L15.9407 16.7955C15.9407 16.7955 15.8033 22.7111 13.9027 24.5242C10.9487 27.7668 4.75447 26.9881 0.208984 27.2205V27.6041C5.06361 27.9295 11.7273 27.1624 14.2462 31.1953C16.9712 35.5885 16.2041 46.304 16.4789 51.4759C16.5247 52.2662 16.3529 53.2192 16.4674 53.963C16.5132 54.2303 16.5476 54.4512 16.9826 54.4163C17.0513 51.5805 16.9025 48.7331 16.9826 45.8856C17.0857 42.2363 17.1315 38.3545 17.8872 34.74C19.4329 27.2786 24.276 28.0806 32.4739 27.6157C32.7945 27.5924 32.806 27.2321 32.4854 27.2089L32.4739 27.2205Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M46.0423 18.9679C44.176 18.8633 41.3594 19.0492 39.8251 18.1195C38.1878 17.12 37.9932 15.1675 37.7986 13.7031C37.7528 13.3544 37.7413 12.8895 37.7299 12.5525L37.4207 4.30078L36.9971 13.2614C36.9971 13.2614 36.9169 16.504 35.8865 17.4919C34.2721 19.2701 30.883 18.8401 28.3984 18.9679V19.1771C31.0547 19.3514 34.7072 18.933 36.0811 21.1412C37.581 23.547 37.1574 29.4162 37.3062 32.2404C37.3291 32.6704 37.2375 33.1934 37.3062 33.6001C37.3291 33.7396 37.352 33.8674 37.5925 33.8442C37.6268 32.2868 37.5467 30.7295 37.5925 29.1721C37.6497 27.1731 37.6726 25.0463 38.0848 23.0705C38.9321 18.9911 41.5884 19.4212 46.0766 19.1655C46.2484 19.1655 46.2598 18.9563 46.0766 18.9446L46.0423 18.9679Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType7.ts

@@ -0,0 +1,27 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType7({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 20 20"
+        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
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M12.4941 2.77344C12.4941 1.39273 11.3749 0.273438 9.99414 0.273438C8.61343 0.273438 7.49414 1.39273 7.49414 2.77344L7.49414 7.27344H2.99414C1.61343 7.27344 0.494141 8.39273 0.494141 9.77344C0.494141 11.1541 1.61343 12.2734 2.99414 12.2734H7.49414L7.49414 16.7734C7.49414 18.1542 8.61343 19.2734 9.99414 19.2734C11.3749 19.2734 12.4941 18.1542 12.4941 16.7734V12.2734H16.9941C18.3749 12.2734 19.4941 11.1541 19.4941 9.77344C19.4941 8.39273 18.3749 7.27344 16.9941 7.27344H12.4941V2.77344Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType8.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType8({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 40 41"
+        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="M35.3636 14.4066L39.5617 15.7433L39.5623 15.7427C39.7459 16.4587 39.8896 17.1904 39.9941 17.9345L36.6303 20.7731L39.9941 23.6117C39.8896 24.3558 39.7459 25.0875 39.5623 25.8036L35.3642 27.1402L37.3862 31.0503C37.0053 31.6931 36.5905 32.3138 36.143 32.9083L31.758 32.5372L32.1291 36.9222C31.5346 37.3697 30.914 37.7846 30.2711 38.1654L26.3612 36.1435L25.0245 40.3416C24.3085 40.5252 23.5768 40.6689 22.8327 40.7734L19.9941 37.4096L17.1556 40.7734C16.4115 40.6689 15.6798 40.5252 14.9638 40.3416L13.6271 36.1435L9.71714 38.1654C9.0743 37.7846 8.45367 37.3697 7.85917 36.9222L8.23024 32.5372L3.84532 32.9083C3.39781 32.3138 2.98297 31.6931 2.6021 31.0503L4.62405 27.1402L0.425969 25.8036C0.242393 25.0875 0.098668 24.3558 -0.00585938 23.6117L3.35796 20.7738L-0.00585938 17.9351C0.098668 17.191 0.242393 16.4593 0.425969 15.7433L4.62405 14.4066L2.6021 10.4966C2.98297 9.85375 3.39781 9.2331 3.84532 8.6386L8.23024 9.00967L7.85917 4.62468C8.45367 4.17716 9.0743 3.76231 9.71714 3.38144L13.6271 5.40342L14.9638 1.20527C15.6798 1.02169 16.4115 0.877967 17.1556 0.773438L19.9935 4.13666L22.8321 0.773438C23.5762 0.877967 24.3079 1.02169 25.0239 1.20527L26.3605 5.40342L30.2705 3.38144C30.9133 3.76231 31.534 4.17716 32.1285 4.62468L31.7574 9.00967L36.1423 8.6386C36.5898 9.2331 37.0047 9.85375 37.3855 10.4966L35.3636 14.4066Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSmallType9.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSmallType9({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 42 28"
+        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="M18.2424 11.1172L21.0318 0.707204L24.1829 12.709L41.2145 13.0542L26.6749 19.2611L28.6312 27.779L18.4347 21.7324L0.394459 26.2481L13.1273 18.3429L6.08839 9.51776L18.2424 11.1172Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSpring1.ts

@@ -0,0 +1,70 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSpring1({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 263 331"
+        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.6"
+          d="M131.896 330.211C203.693 330.211 261.896 307.377 261.896 279.211C261.896 251.044 203.693 228.211 131.896 228.211C60.0995 228.211 1.89648 251.044 1.89648 279.211C1.89648 307.377 60.0995 330.211 131.896 330.211Z"
+          fill="white"
+        />
+        <path
+          d="M131.896 165.211C203.693 165.211 261.896 142.601 261.896 114.711C261.896 86.8206 203.693 64.2109 131.896 64.2109C60.0995 64.2109 1.89648 86.8206 1.89648 114.711C1.89648 142.601 60.0995 165.211 131.896 165.211Z"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M261.896 184.711C261.896 156.825 203.695 134.211 131.892 134.211C60.0888 134.211 1.89648 156.816 1.89648 184.711C1.89648 212.606 60.098 235.211 131.901 235.211"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M134.289 229.211L129.896 236.211H140.896L134.289 229.211Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M1.89648 244.857C1.89648 243.601 2.01648 242.363 2.23802 241.126"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M4.82227 234.105C17.4592 211.253 69.5301 194.118 131.856 194.118C203.626 194.118 261.817 216.83 261.817 244.856C261.817 272.883 207.595 294.011 139.269 295.51"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+          strokeDasharray="8.04 8.04"
+        />
+        <path
+          d="M135.55 295.576C134.322 295.586 133.094 295.595 131.857 295.595"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M130.007 289.211L133.396 296.711H122.396L130.007 289.211Z"
+          fill="${mainColor}"
+        />
+        <path
+          opacity="0.8"
+          d="M131.896 102.211C203.693 102.211 261.896 79.3775 261.896 51.2109C261.896 23.0444 203.693 0.210938 131.896 0.210938C60.0995 0.210938 1.89648 23.0444 1.89648 51.2109C1.89648 79.3775 60.0995 102.211 131.896 102.211Z"
+          fill="white"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconSpring2.ts

@@ -0,0 +1,65 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconSpring2({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
+      <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 263 268"
+        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.6"
+          d="M131.896 267.211C203.693 267.211 261.896 244.377 261.896 216.211C261.896 188.044 203.693 165.211 131.896 165.211C60.0995 165.211 1.89648 188.044 1.89648 216.211C1.89648 244.377 60.0995 267.211 131.896 267.211Z"
+          fill="white"
+        />
+        <path
+          d="M131.896 102.211C203.693 102.211 261.896 79.6013 261.896 51.7109C261.896 23.8206 203.693 1.21094 131.896 1.21094C60.0995 1.21094 1.89648 23.8206 1.89648 51.7109C1.89648 79.6013 60.0995 102.211 131.896 102.211Z"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M261.896 121.711C261.896 93.8254 203.695 71.2109 131.892 71.2109C60.0888 71.2109 1.89648 93.816 1.89648 121.711C1.89648 149.606 60.098 172.211 131.901 172.211"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M134.289 166.211L129.896 173.211H140.896L134.289 166.211Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M1.89648 181.857C1.89648 180.601 2.01648 179.363 2.23802 178.126"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M4.82227 171.105C17.4592 148.253 69.5301 131.118 131.856 131.118C203.626 131.118 261.817 153.83 261.817 181.856C261.817 209.883 207.595 231.011 139.269 232.51"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+          strokeDasharray="8.04 8.04"
+        />
+        <path
+          d="M135.55 232.576C134.322 232.586 133.094 232.595 131.857 232.595"
+          stroke="${mainColor}"
+          strokeWidth="2"
+          strokeMiterlimit="10"
+        />
+        <path
+          d="M130.007 226.211L133.396 233.711H122.396L130.007 226.211Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+}