@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/icons/IconFrame1.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconFrame1({
+  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 212 130"
+        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="M0.242188 42.2109V0.210938H211.742V129.711H181.242V42.2109H0.242188Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconFrame2.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconFrame2({
+  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 128 77"
+        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="M127.242 0.210938H0.242188C32.2422 29.4109 43.2422 63.0443 44.7422 76.2109H127.242V0.210938Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconFrame3.ts

@@ -0,0 +1,25 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconFrame3({
+  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 464 136"
+        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="M463.462 135.974H0.242188V0.210938H463.462V135.974Z"
+          fill="${mainColor}"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconFrame4.ts

@@ -0,0 +1,87 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconFrame4({
+  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)}`;
+  const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  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 342 294"
+        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
+          x="3.02928"
+          y="167.733"
+          width="173.758"
+          height="173.758"
+          transform="rotate(-45 3.02928 167.733)"
+          stroke="url(#${paintId0})"
+          stroke-width="4.10451"
+        />
+        <rect
+          x="64.5976"
+          y="65.4092"
+          width="87.0954"
+          height="87.0954"
+          transform="rotate(-45 64.5976 65.4092)"
+          stroke="url(#${paintId1})"
+          stroke-width="4.10451"
+        />
+        <rect
+          x="213.729"
+          y="167.312"
+          width="88.0261"
+          height="88.0261"
+          transform="rotate(-45 213.729 167.312)"
+          stroke="url(#${paintId2})"
+          stroke-width="4.10451"
+        />
+        <defs>
+          <linearGradient
+            id="${paintId0}"
+            x1="178.063"
+            y1="167.807"
+            x2="0.0533184"
+            y2="345.817"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId1}"
+            x1="152.933"
+            y1="65.4469"
+            x2="61.6576"
+            y2="156.722"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId2}"
+            x1="302.995"
+            y1="167.35"
+            x2="210.788"
+            y2="259.557"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${subColor}" />
+            <stop offset="1" stop-color="${mainColor}" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconGear.ts

@@ -0,0 +1,61 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconGear({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  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 269 628"
+        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;"
+      >
+        <mask id="path-1-inside-1_2567_3" fill="white">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M267.674 5.25809L263.364 0.150391C251.974 1.75039 240.774 3.95039 229.814 6.76039L209.354 71.0204L149.504 40.0704C139.664 45.9004 130.164 52.2504 121.064 59.1004L126.744 126.22L59.6238 120.54C52.7738 129.64 46.4238 139.14 40.5938 148.98L71.5438 208.83L7.28383 229.29C4.47383 240.25 2.27383 251.45 0.673828 262.84L52.1638 306.29L0.673828 349.73C2.27383 361.12 4.47383 372.32 7.28383 383.28L71.5438 403.74L40.5938 463.59C46.4238 473.43 52.7738 482.93 59.6238 492.03L126.744 486.35L121.064 553.47C130.164 560.32 139.664 566.67 149.504 572.5L209.354 541.55L229.814 605.81C240.774 608.62 251.974 610.82 263.364 612.42L267.674 607.313V5.25809Z"
+          />
+        </mask>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M267.674 5.25809L263.364 0.150391C251.974 1.75039 240.774 3.95039 229.814 6.76039L209.354 71.0204L149.504 40.0704C139.664 45.9004 130.164 52.2504 121.064 59.1004L126.744 126.22L59.6238 120.54C52.7738 129.64 46.4238 139.14 40.5938 148.98L71.5438 208.83L7.28383 229.29C4.47383 240.25 2.27383 251.45 0.673828 262.84L52.1638 306.29L0.673828 349.73C2.27383 361.12 4.47383 372.32 7.28383 383.28L71.5438 403.74L40.5938 463.59C46.4238 473.43 52.7738 482.93 59.6238 492.03L126.744 486.35L121.064 553.47C130.164 560.32 139.664 566.67 149.504 572.5L209.354 541.55L229.814 605.81C240.774 608.62 251.974 610.82 263.364 612.42L267.674 607.313V5.25809Z"
+          fill="${mainColor}"
+          fillOpacity="0.05"
+        />
+        <path
+          d="M263.364 0.150391L264.128 -0.494513L263.772 -0.916738L263.225 -0.839887L263.364 0.150391ZM267.674 5.25809H268.674V4.89256L268.438 4.61319L267.674 5.25809ZM229.814 6.76039L229.565 5.79172L229.029 5.92927L228.861 6.457L229.814 6.76039ZM209.354 71.0204L208.894 71.9087L209.947 72.453L210.307 71.3238L209.354 71.0204ZM149.504 40.0704L149.963 39.1821L149.471 38.9276L148.994 39.2101L149.504 40.0704ZM121.064 59.1004L120.462 58.3014L120.021 58.6339L120.067 59.1847L121.064 59.1004ZM126.744 126.22L126.66 127.217L127.84 127.317L127.74 126.136L126.744 126.22ZM59.6238 120.54L59.7082 119.544L59.1573 119.497L58.8249 119.939L59.6238 120.54ZM40.5938 148.98L39.7335 148.471L39.451 148.947L39.7056 149.44L40.5938 148.98ZM71.5438 208.83L71.8472 209.783L72.9765 209.424L72.4321 208.371L71.5438 208.83ZM7.28383 229.29L6.98044 228.338L6.45271 228.506L6.31516 229.042L7.28383 229.29ZM0.673828 262.84L-0.316449 262.701L-0.393299 263.248L0.028911 263.605L0.673828 262.84ZM52.1638 306.29L52.8087 307.055L53.7145 306.29L52.8087 305.526L52.1638 306.29ZM0.673828 349.73L0.0289981 348.966L-0.393309 349.322L-0.316449 349.869L0.673828 349.73ZM7.28383 383.28L6.31516 383.529L6.45271 384.065L6.98044 384.233L7.28383 383.28ZM71.5438 403.74L72.4321 404.2L72.9765 403.147L71.8472 402.788L71.5438 403.74ZM40.5938 463.59L39.7056 463.131L39.451 463.623L39.7335 464.1L40.5938 463.59ZM59.6238 492.03L58.8249 492.632L59.1573 493.073L59.7082 493.027L59.6238 492.03ZM126.744 486.35L127.74 486.435L127.84 485.254L126.66 485.354L126.744 486.35ZM121.064 553.47L120.067 553.386L120.021 553.937L120.462 554.269L121.064 553.47ZM149.504 572.5L148.994 573.361L149.471 573.643L149.963 573.389L149.504 572.5ZM209.354 541.55L210.307 541.247L209.947 540.118L208.894 540.662L209.354 541.55ZM229.814 605.81L228.861 606.114L229.029 606.641L229.565 606.779L229.814 605.81ZM263.364 612.42L263.225 613.411L263.772 613.488L264.128 613.065L263.364 612.42ZM267.674 607.313L268.438 607.958L268.674 607.678V607.313H267.674ZM262.6 0.795294L266.91 5.903L268.438 4.61319L264.128 -0.494513L262.6 0.795294ZM230.062 7.72906C240.985 4.92858 252.149 2.73567 263.503 1.14067L263.225 -0.839887C251.799 0.765116 240.563 2.9722 229.565 5.79172L230.062 7.72906ZM210.307 71.3238L230.767 7.06378L228.861 6.457L208.401 70.717L210.307 71.3238ZM149.044 40.9586L208.894 71.9087L209.813 70.1321L149.963 39.1821L149.044 40.9586ZM121.665 59.8993C130.735 53.0719 140.205 46.7423 150.014 40.9307L148.994 39.2101C139.123 45.0585 129.592 51.4289 120.462 58.3014L121.665 59.8993ZM127.74 126.136L122.06 59.0161L120.067 59.1847L125.747 126.305L127.74 126.136ZM59.5395 121.537L126.66 127.217L126.828 125.224L59.7082 119.544L59.5395 121.537ZM41.4542 149.49C47.2657 139.681 53.5953 130.212 60.4228 121.142L58.8249 119.939C51.9524 129.069 45.5819 138.6 39.7335 148.471L41.4542 149.49ZM72.4321 208.371L41.4821 148.521L39.7056 149.44L70.6556 209.29L72.4321 208.371ZM7.58722 230.243L71.8472 209.783L71.2404 207.878L6.98044 228.338L7.58722 230.243ZM1.66411 262.98C3.2591 251.625 5.45202 240.462 8.2525 229.539L6.31516 229.042C3.49564 240.039 1.28855 251.276 -0.316449 262.701L1.66411 262.98ZM52.8087 305.526L1.31875 262.076L0.028911 263.605L51.5189 307.055L52.8087 305.526ZM1.31866 350.495L52.8087 307.055L51.519 305.526L0.0289981 348.966L1.31866 350.495ZM8.2525 383.032C5.45202 372.109 3.2591 360.946 1.66411 349.591L-0.316449 349.869C1.28855 361.295 3.49564 372.532 6.31516 383.529L8.2525 383.032ZM71.8472 402.788L7.58722 382.328L6.98044 384.233L71.2404 404.693L71.8472 402.788ZM41.4821 464.05L72.4321 404.2L70.6556 403.281L39.7056 463.131L41.4821 464.05ZM60.4228 491.429C53.5953 482.359 47.2657 472.89 41.4542 463.081L39.7335 464.1C45.5819 473.971 51.9524 483.502 58.8249 492.632L60.4228 491.429ZM126.66 485.354L59.5395 491.034L59.7082 493.027L126.828 487.347L126.66 485.354ZM122.06 553.555L127.74 486.435L125.747 486.266L120.067 553.386L122.06 553.555ZM150.014 571.64C140.205 565.828 130.735 559.499 121.665 552.671L120.462 554.269C129.592 561.142 139.123 567.512 148.994 573.361L150.014 571.64ZM208.894 540.662L149.044 571.612L149.963 573.389L209.813 542.439L208.894 540.662ZM230.767 605.507L210.307 541.247L208.401 541.854L228.861 606.114L230.767 605.507ZM263.503 611.43C252.149 609.835 240.985 607.642 230.062 604.842L229.565 606.779C240.563 609.599 251.799 611.806 263.225 613.411L263.503 611.43ZM266.91 606.668L262.6 611.775L264.128 613.065L268.438 607.958L266.91 606.668ZM268.674 607.313V5.25809H266.674V607.313H268.674Z"
+          fill="black"
+          mask="url(#path-1-inside-1_2567_3)"
+        />
+        <mask id="path-3-inside-2_2567_3" fill="white">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M268.674 20.1097L264.364 15.002C252.974 16.602 241.774 18.802 230.814 21.612L210.354 85.872L150.504 54.922C140.664 60.752 131.164 67.102 122.064 73.952L127.744 141.072L60.6238 135.392C53.7738 144.492 47.4238 153.992 41.5938 163.832L72.5438 223.682L8.28383 244.142C5.47383 255.102 3.27383 266.302 1.67383 277.692L53.1638 321.142L1.67383 364.582C3.27383 375.972 5.47383 387.172 8.28383 398.132L72.5438 418.592L41.5938 478.442C47.4238 488.282 53.7738 497.782 60.6238 506.882L127.744 501.202L122.064 568.322C131.164 575.172 140.664 581.522 150.504 587.352L210.354 556.402L230.814 620.662C241.774 623.472 252.974 625.672 264.364 627.272L268.674 622.164V20.1097Z"
+          />
+        </mask>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M268.674 20.1097L264.364 15.002C252.974 16.602 241.774 18.802 230.814 21.612L210.354 85.872L150.504 54.922C140.664 60.752 131.164 67.102 122.064 73.952L127.744 141.072L60.6238 135.392C53.7738 144.492 47.4238 153.992 41.5938 163.832L72.5438 223.682L8.28383 244.142C5.47383 255.102 3.27383 266.302 1.67383 277.692L53.1638 321.142L1.67383 364.582C3.27383 375.972 5.47383 387.172 8.28383 398.132L72.5438 418.592L41.5938 478.442C47.4238 488.282 53.7738 497.782 60.6238 506.882L127.744 501.202L122.064 568.322C131.164 575.172 140.664 581.522 150.504 587.352L210.354 556.402L230.814 620.662C241.774 623.472 252.974 625.672 264.364 627.272L268.674 622.164V20.1097Z"
+          fill="${mainColor}"
+          fillOpacity="0.05"
+        />
+        <path
+          d="M264.364 15.002L265.128 14.357L264.772 13.9348L264.225 14.0117L264.364 15.002ZM268.674 20.1097H269.674V19.7441L269.438 19.4648L268.674 20.1097ZM230.814 21.612L230.565 20.6433L230.029 20.7808L229.861 21.3086L230.814 21.612ZM210.354 85.872L209.894 86.7602L210.947 87.3046L211.307 86.1753L210.354 85.872ZM150.504 54.922L150.963 54.0337L150.471 53.7791L149.994 54.0616L150.504 54.922ZM122.064 73.952L121.462 73.153L121.021 73.4855L121.067 74.0363L122.064 73.952ZM127.744 141.072L127.66 142.068L128.84 142.168L128.74 140.988L127.744 141.072ZM60.6238 135.392L60.7082 134.396L60.1573 134.349L59.8249 134.791L60.6238 135.392ZM41.5938 163.832L40.7335 163.322L40.451 163.799L40.7056 164.291L41.5938 163.832ZM72.5438 223.682L72.8472 224.635L73.9765 224.275L73.4321 223.223L72.5438 223.682ZM8.28383 244.142L7.98044 243.189L7.45271 243.357L7.31516 243.894L8.28383 244.142ZM1.67383 277.692L0.683551 277.553L0.606701 278.1L1.02891 278.456L1.67383 277.692ZM53.1638 321.142L53.8087 321.906L54.7145 321.142L53.8087 320.378L53.1638 321.142ZM1.67383 364.582L1.029 363.818L0.606691 364.174L0.683551 364.721L1.67383 364.582ZM8.28383 398.132L7.31516 398.38L7.45271 398.917L7.98044 399.085L8.28383 398.132ZM72.5438 418.592L73.4321 419.051L73.9765 417.999L72.8472 417.639L72.5438 418.592ZM41.5938 478.442L40.7056 477.983L40.451 478.475L40.7335 478.952L41.5938 478.442ZM60.6238 506.882L59.8249 507.483L60.1573 507.925L60.7082 507.878L60.6238 506.882ZM127.744 501.202L128.74 501.286L128.84 500.106L127.66 500.206L127.744 501.202ZM122.064 568.322L121.067 568.238L121.021 568.788L121.462 569.121L122.064 568.322ZM150.504 587.352L149.994 588.212L150.471 588.495L150.963 588.24L150.504 587.352ZM210.354 556.402L211.307 556.099L210.947 554.969L209.894 555.514L210.354 556.402ZM230.814 620.662L229.861 620.965L230.029 621.493L230.565 621.631L230.814 620.662ZM264.364 627.272L264.225 628.262L264.772 628.339L265.128 627.917L264.364 627.272ZM268.674 622.164L269.438 622.809L269.674 622.53V622.164H268.674ZM263.6 15.6469L267.91 20.7546L269.438 19.4648L265.128 14.357L263.6 15.6469ZM231.062 22.5806C241.985 19.7801 253.149 17.5872 264.503 15.9922L264.225 14.0117C252.799 15.6167 241.563 17.8238 230.565 20.6433L231.062 22.5806ZM211.307 86.1753L231.767 21.9153L229.861 21.3086L209.401 85.5686L211.307 86.1753ZM150.044 55.8102L209.894 86.7602L210.813 84.9837L150.963 54.0337L150.044 55.8102ZM122.665 74.7509C131.735 67.9234 141.205 61.5939 151.014 55.7823L149.994 54.0616C140.123 59.9101 130.592 66.2805 121.462 73.153L122.665 74.7509ZM128.74 140.988L123.06 73.8676L121.067 74.0363L126.747 141.156L128.74 140.988ZM60.5395 136.388L127.66 142.068L127.828 140.076L60.7082 134.396L60.5395 136.388ZM42.4542 164.342C48.2657 154.533 54.5953 145.063 61.4228 135.993L59.8249 134.791C52.9524 143.92 46.5819 153.451 40.7335 163.322L42.4542 164.342ZM73.4321 223.223L42.4821 163.373L40.7056 164.291L71.6556 224.141L73.4321 223.223ZM8.58722 245.095L72.8472 224.635L72.2404 222.729L7.98044 243.189L8.58722 245.095ZM2.66411 277.831C4.2591 266.477 6.45202 255.313 9.2525 244.39L7.31516 243.894C4.49564 254.891 2.28855 266.127 0.683551 277.553L2.66411 277.831ZM53.8087 320.378L2.31875 276.928L1.02891 278.456L52.5189 321.906L53.8087 320.378ZM2.31866 365.346L53.8087 321.906L52.519 320.378L1.029 363.818L2.31866 365.346ZM9.2525 397.884C6.45202 386.961 4.2591 375.797 2.66411 364.443L0.683551 364.721C2.28855 376.147 4.49564 387.383 7.31516 398.38L9.2525 397.884ZM72.8472 417.639L8.58722 397.179L7.98044 399.085L72.2404 419.545L72.8472 417.639ZM42.4821 478.901L73.4321 419.051L71.6556 418.133L40.7056 477.983L42.4821 478.901ZM61.4228 506.281C54.5953 497.21 48.2657 487.741 42.4542 477.932L40.7335 478.952C46.5819 488.823 52.9524 498.353 59.8249 507.483L61.4228 506.281ZM127.66 500.206L60.5395 505.886L60.7082 507.878L127.828 502.198L127.66 500.206ZM123.06 568.406L128.74 501.286L126.747 501.118L121.067 568.238L123.06 568.406ZM151.014 586.492C141.205 580.68 131.735 574.35 122.665 567.523L121.462 569.121C130.592 575.993 140.123 582.364 149.994 588.212L151.014 586.492ZM209.894 555.514L150.044 586.464L150.963 588.24L210.813 557.29L209.894 555.514ZM231.767 620.359L211.307 556.099L209.401 556.705L229.861 620.965L231.767 620.359ZM264.503 626.282C253.149 624.687 241.985 622.494 231.062 619.693L230.565 621.631C241.563 624.45 252.799 626.657 264.225 628.262L264.503 626.282ZM267.91 621.52L263.6 626.627L265.128 627.917L269.438 622.809L267.91 621.52ZM269.674 622.164V20.1097H267.674V622.164H269.674Z"
+          fill="black"
+          mask="url(#path-3-inside-2_2567_3)"
+        />
+      </svg>
+    </div>
+  `;
+} 

package/src/templates/icons/IconMedal.ts

@@ -0,0 +1,51 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconMedal({
+  mainColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="84%"
+      height="84%"
+      viewBox="0 0 50 51"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 84%;
+        height: 84%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.9998 43.4121C30.7528 43.4121 35.4165 38.7484 35.4165 32.9954C35.4165 27.2425 30.7528 22.5788 24.9998 22.5788C19.2469 22.5788 14.5832 27.2425 14.5832 32.9954C14.5832 38.7484 19.2469 43.4121 24.9998 43.4121ZM24.9998 47.5788C33.054 47.5788 39.5832 41.0496 39.5832 32.9954C39.5832 24.9413 33.054 18.4121 24.9998 18.4121C16.9457 18.4121 10.4165 24.9413 10.4165 32.9954C10.4165 41.0496 16.9457 47.5788 24.9998 47.5788Z"
+        fill="${mainColor}"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M31.25 31.4336C32.1129 31.4336 32.8125 32.1331 32.8125 32.9961C32.8125 37.3108 29.3147 40.8086 25 40.8086C24.1371 40.8086 23.4375 40.109 23.4375 39.2461C23.4375 38.3832 24.1371 37.6836 25 37.6836C27.5888 37.6836 29.6875 35.5849 29.6875 32.9961C29.6875 32.1331 30.3871 31.4336 31.25 31.4336Z"
+        fill="${mainColor}"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M28.4956 6.80959C28.8847 6.24751 29.5249 5.91211 30.2085 5.91211H42.7085C43.4768 5.91211 44.1828 6.33499 44.5453 7.01241C44.9079 7.68982 44.8681 8.51178 44.4419 9.15107L34.0253 24.7761L30.5584 22.4648L38.8158 10.0788H31.3001L22.5464 22.723L19.1206 20.3513L28.4956 6.80959Z"
+        fill="${mainColor}"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M22.5667 6.83982C22.1803 6.26024 21.5299 5.91211 20.8333 5.91211H8.33329C7.56497 5.91211 6.85901 6.33499 6.49647 7.01241C6.13393 7.68982 6.17367 8.51178 6.59986 9.15107L17.0165 24.7761L20.4834 22.4648L12.226 10.0788H19.7183L23.2665 15.4011L26.7334 13.0898L22.5667 6.83982Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/icons/IconMortarboard1.ts

@@ -0,0 +1,35 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconMortarboard1({
+  mainColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 72 72"
+      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.7398 27.8841L37.1928 42.3738C36.386 42.8141 35.4109 42.8141 34.6041 42.3738L12.2846 30.1915V41.738C12.2846 43.2318 11.1093 44.4428 9.65958 44.4428C8.20983 44.4428 7.03458 43.2318 7.03458 41.738V26.9118C6.28547 25.6682 6.62631 23.9161 8.05708 23.1351L34.6041 8.64545C35.4109 8.2051 36.386 8.2051 37.1928 8.64545L63.7398 23.1351C65.618 24.1603 65.618 26.8589 63.7398 27.8841Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M55.495 52.1566C55.495 53.553 54.653 54.9265 53.3996 55.5536L37.7085 63.4043C36.6151 63.9514 35.1849 63.9529 34.0884 63.4043L18.3973 55.5536C17.1476 54.9284 16.3019 53.5552 16.3019 52.1566V39.9863C16.3019 38.8488 17.5184 38.1252 18.5179 38.6682L33.0337 46.5534C34.5252 47.3636 37.2708 47.364 38.7631 46.5534L53.279 38.6682C54.2785 38.1252 55.495 38.8488 55.495 39.9863V52.1566Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/icons/IconMortarboard2.ts

@@ -0,0 +1,35 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconMortarboard2({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 60 60"
+      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="M31.7113 36.6285L53.8338 24.5537C56.4408 23.1308 56.4408 19.3859 53.8338 17.963L31.7113 5.88826L30.9927 7.2049L31.7113 5.88826C30.5911 5.27683 29.237 5.27683 28.1168 5.88826L28.8355 7.2049L28.1168 5.88826L5.99429 17.963C4.15254 18.9682 3.62577 21.1164 4.36084 22.7859V34.7821C4.36084 36.8127 5.9698 38.536 8.04834 38.536C10.1269 38.536 11.7358 36.8127 11.7358 34.7821V27.6876L28.1168 36.6285C29.237 37.2399 30.5911 37.2399 31.7113 36.6285ZM45.1695 47.6365C46.7253 46.8581 47.7445 45.1922 47.7445 43.4642V33.3222C47.7445 31.2369 45.5143 29.9104 43.6818 30.9058L31.5853 37.4767C31.2579 37.6546 30.648 37.8014 29.9139 37.8013C29.1798 37.8013 28.57 37.6545 28.2428 37.4767L16.1463 30.9058C14.3139 29.9104 12.0836 31.2369 12.0836 33.3222V43.4642C12.0836 45.1955 13.1073 46.8603 14.6586 47.6365L27.7345 54.1788C29.0714 54.8476 30.7606 54.8457 32.0936 54.1788L45.1695 47.6365Z"
+        fill="${subColor}"
+        stroke="${mainColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+    </svg>
+  `;
+}

package/src/templates/icons/IconMortarboard3.ts

@@ -0,0 +1,42 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconMortarboard3({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 168 130"
+      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="M69.4104 4.62765L11.0048 33.1152C-13.088 44.8024 11.0048 56.8549 11.0048 56.8549V81.325C2.97475 85.7081 4.06985 94.4735 10.2754 100.317L0.419504 129.535H36.923L27.4314 101.778L28.5272 101.048C45.3188 135.014 111.39 140.857 138.403 102.874C138.403 102.874 139.236 101.246 139.498 100.317C139.846 99.0816 139.863 96.5515 139.863 96.5515V66.3512L162.495 54.2987C167.606 51.3774 169.796 40.0549 163.224 36.037L100.438 4.62765C88.1383 -1.54443 81.3913 -1.54067 69.4104 4.62765Z"
+        fill="${extraColor1}"
+      />
+      <path
+        d="M10.5997 42.8066L78.72 10.0214L87.827 8.56433L159.59 42.8066V46.0851L133.726 60.2921V99.9985L119.884 111.291L87.827 121.855L65.6059 119.67L42.6563 106.556L35.735 99.9985L34.2778 60.2921L9.87109 46.8137L10.5997 42.8066Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M85.9602 124.404H81.677C81.1294 124.321 80.5817 124.227 80.031 124.16C76.4974 123.729 72.9178 123.534 69.4393 122.838C55.0874 119.963 43.0363 113.035 33.3011 102.124C32.0468 100.717 31.4563 99.2616 31.4685 97.3358C31.5481 86.785 31.3706 76.2282 31.594 65.6806C31.6582 62.7079 30.9148 61.0416 28.0481 60.0954C26.0135 59.424 24.1473 58.2581 22.0149 57.2174V58.8716C22.0149 66.3276 22.0302 73.7866 21.9965 81.2426C21.9904 82.2528 22.2413 82.8144 23.208 83.3638C28.9567 86.6202 29.024 94.8575 23.3304 98.1842C22.33 98.7702 22.2994 99.2493 22.6084 100.205C25.1936 108.259 27.7299 116.331 30.2815 124.398H7.63855C10.1748 116.38 12.6958 108.36 15.2657 100.351C15.6053 99.2982 15.5533 98.7519 14.4733 98.0774C8.8715 94.592 9.02754 86.6141 14.7579 83.3485C15.7491 82.7839 15.9235 82.1796 15.9205 81.1938C15.8929 72.7734 15.8654 64.353 15.9449 55.9325C15.9572 54.5469 15.5288 53.8969 14.2806 53.3475C10.701 51.7696 7.01136 50.2528 5.5 46.1509V43.7154C6.48514 40.6024 8.8715 38.936 11.6801 37.6054C32.316 27.8329 52.9244 17.9933 73.5695 8.23307C80.9152 4.75991 88.3466 4.78127 95.677 8.33378C115.726 18.0483 135.743 27.8207 155.798 37.5169C158.753 38.9452 161.226 40.697 162.14 44.0267V46.157C161.118 49.0228 158.952 50.7167 156.291 51.9924C150.056 54.9864 143.885 58.1086 137.628 61.0507C136.15 61.7435 135.737 62.5767 135.75 64.1424C135.823 75.2516 135.756 86.3608 135.82 97.467C135.829 99.2738 135.275 100.672 134.101 101.999C130.579 105.976 126.697 109.544 122.309 112.553C113.74 118.428 104.314 122.154 93.9851 123.534C91.3204 123.891 88.6372 124.114 85.9633 124.398L85.9602 124.404ZM11.1018 44.8386C11.4567 45.3086 11.5638 45.5955 11.7657 45.6962C15.3208 47.4816 18.4996 50.3901 23.0092 49.3097C24.1381 49.0381 25.3344 49.0351 26.4969 48.8977C36.4615 47.7288 46.4292 46.5568 56.3938 45.3849C65.2968 44.338 74.1997 43.2729 83.1027 42.2474C84.9996 42.0277 86.3396 43.0226 86.5568 44.6646C86.7618 46.212 85.7338 47.4389 83.8645 47.7257C81.9003 48.0248 79.924 48.2324 77.9506 48.4613C67.1233 49.7248 56.2959 50.9853 45.4716 52.2488C40.1818 52.8653 34.889 53.4879 29.1984 54.1563C29.9633 54.5683 30.3794 54.8155 30.8138 55.0261C45.8663 62.2135 60.9065 69.4284 75.9803 76.5701C81.5913 79.2283 87.3064 79.2741 92.9296 76.5639C106.697 69.9259 120.44 63.242 134.186 56.5643C140.59 53.4543 146.978 50.3108 153.372 47.1794C153.92 46.9109 154.473 46.6453 154.987 46.3218C156.731 45.2231 156.722 44.5639 154.963 43.572C154.476 43.2973 153.969 43.0623 153.464 42.8182C133.479 33.0976 113.489 23.3892 93.5109 13.6534C87.5756 10.7601 81.6617 10.7449 75.7203 13.5801C72.3243 15.2007 68.9314 16.8275 65.5354 18.4481C48.3291 26.6701 31.1198 34.8891 13.9226 43.1295C12.9559 43.5934 12.0809 44.2404 11.1018 44.8416V44.8386ZM37.5966 64.417C37.5048 64.765 37.4344 64.9054 37.4344 65.0427C37.4253 75.7948 37.413 86.55 37.4528 97.3022C37.4528 97.8363 37.774 98.5047 38.1687 98.877C40.9712 101.529 43.6084 104.416 46.7076 106.678C62.7085 118.352 80.5175 121.343 99.6298 116.752C111.271 113.957 121.119 107.941 129.132 99.0479C129.643 98.4802 129.979 97.5433 129.983 96.7742C130.038 86.5775 130.019 76.3839 130.016 66.1872C130.016 65.7141 129.961 65.238 129.924 64.6246C129.212 64.9481 128.658 65.18 128.119 65.4425C117.102 70.8079 106.101 76.2038 95.0651 81.5356C88.0223 84.9386 80.8846 84.7982 73.8204 81.6302C68.858 79.4023 63.9843 76.9729 59.0739 74.6351C51.9607 71.2504 44.8444 67.8627 37.5997 64.414L37.5966 64.417Z"
+        fill="${subColor}"
+        fill={subColor}
+      />
+    </svg>
+  `;
+}

package/src/templates/icons/IconMortarboard4.ts

@@ -0,0 +1,47 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconMortarboard4({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 230 178"
+      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="M94.999 6.33533L14.999 45.3354C-18.0017 61.3354 14.999 77.8353 14.999 77.8353V111.335C4 117.336 5.5 129.336 14 137.336L0.5 177.336H50.5L37.499 139.335L39 138.336C62 184.836 152.5 192.836 189.5 140.836C189.5 140.836 190.641 138.607 191 137.336C191.477 135.645 191.5 132.181 191.5 132.181V90.8359L222.5 74.3359C229.501 70.3366 232.5 54.8359 223.499 49.3354L137.499 6.33533C120.651 -2.11436 111.41 -2.1092 94.999 6.33533Z"
+        fill="${extraColor1}"
+      />
+      <path
+        d="M14 58.3359L107.5 13.3359L120 11.3359L218.5 58.3359V62.8359L183 82.3359V136.836L164 152.336L120 166.836L89.5 163.836L58 145.836L48.5 136.836L46.5 82.3359L13 63.8359L14 58.3359Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M117.437 170.336H111.558C110.807 170.223 110.055 170.093 109.299 170.001C104.449 169.41 99.5358 169.142 94.7612 168.187C75.0623 164.241 58.5212 154.732 45.159 139.756C43.4373 137.825 42.6269 135.826 42.6437 133.183C42.7528 118.702 42.5093 104.212 42.8158 89.7341C42.904 85.654 41.8836 83.3667 37.9488 82.0681C35.1563 81.1465 32.5947 79.5463 29.6678 78.1178V80.3883C29.6678 90.6222 29.6888 100.86 29.6426 111.094C29.6342 112.481 29.9786 113.252 31.3056 114.006C39.196 118.475 39.2884 129.782 31.4735 134.348C30.1004 135.152 30.0584 135.81 30.4825 137.121C34.0309 148.176 37.5121 159.256 41.0143 170.328H9.93531C13.4165 159.323 16.8768 148.314 20.4042 137.322C20.8703 135.877 20.7989 135.127 19.3165 134.201C11.6276 129.417 11.8418 118.467 19.7071 113.985C21.0677 113.21 21.307 112.38 21.3028 111.027C21.265 99.4695 21.2272 87.9119 21.3364 76.3542C21.3532 74.4524 20.7653 73.5601 19.052 72.8061C14.1388 70.6403 9.07445 68.5584 7 62.9283V59.5854C8.35217 55.3125 11.6276 53.0253 15.4826 51.1989C43.8069 37.7855 72.0934 24.2799 100.43 10.8833C110.513 6.11614 120.713 6.14547 130.774 11.0215C158.292 24.3553 185.768 37.7687 213.295 51.0774C217.351 53.0379 220.744 55.4424 222 60.0127V62.9366C220.597 66.8702 217.624 69.1951 213.971 70.9461C205.413 75.0556 196.943 79.341 188.355 83.3793C186.327 84.3302 185.76 85.4738 185.777 87.6228C185.878 102.871 185.785 118.119 185.873 133.363C185.886 135.843 185.126 137.762 183.513 139.584C178.68 145.042 173.351 149.939 167.329 154.07C155.567 162.134 142.629 167.249 128.452 169.142C124.795 169.632 121.112 169.938 117.442 170.328L117.437 170.336Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M190 62.3359L122.053 94.7403C119.357 95.6854 113.964 97.5757 108.707 95.1453L99 90.2847"
+        stroke="${subColor}"
+        stroke-width="7"
+        stroke-linecap="round"
+      />
+    </svg>
+  `;
+}

package/src/templates/icons/IconMortarboard5.ts

@@ -0,0 +1,75 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createIconMortarboard5({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 220 143"
+      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
+        x="166"
+        y="58"
+        width="54"
+        height="24"
+        fill="url(#paint0_linear_2364_545)"
+        fill-opacity="0.2"
+      />
+      <rect
+        width="52"
+        height="24"
+        transform="matrix(-1 0 0 1 52 58)"
+        fill="url(#paint1_linear_2364_545)"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M100.972 5.10868L35.9254 36.5575C9.09321 49.4595 35.9254 62.7648 35.9254 62.7648V89.7785C26.9823 94.6172 28.202 104.294 35.1131 110.745L24.1366 143H69L59.5 116.5C76 146.5 147.725 155.499 177.809 113.567C177.809 113.567 178.737 111.77 179.028 110.745C179.416 109.381 179.435 106.588 179.435 106.588V73.2482L204.64 59.943C210.332 56.7179 212.771 44.2186 205.452 39.783L135.528 5.10868C121.829 -1.70497 114.315 -1.70081 100.972 5.10868Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M119.033 135.838H114.388C113.794 135.749 113.2 135.647 112.603 135.574C108.771 135.11 104.889 134.9 101.116 134.149C85.5519 131.049 72.4827 123.577 61.9251 111.81C60.5648 110.293 59.9244 108.723 59.9377 106.646C60.024 95.2675 59.8315 83.8825 60.0737 72.5073C60.1434 69.3015 59.3372 67.5043 56.2283 66.484C54.0219 65.7599 51.998 64.5026 49.6854 63.3802V65.1641C49.6854 73.2051 49.702 81.2493 49.6655 89.2903C49.6589 90.3797 49.9309 90.9854 50.9794 91.5778C57.2137 95.0898 57.2867 103.973 51.1121 107.561C50.0271 108.193 49.994 108.71 50.3291 109.74C53.1327 118.426 55.8832 127.132 58.6504 135.831H34.0946C36.8451 127.184 39.5791 118.535 42.3661 109.898C42.7344 108.762 42.678 108.173 41.5068 107.446C35.4317 103.687 35.6009 95.0832 41.8153 91.5614C42.8903 90.9524 43.0795 90.3007 43.0761 89.2376C43.0463 80.1566 43.0164 71.0755 43.1027 61.9945C43.116 60.5002 42.6515 59.7991 41.2978 59.2067C37.4158 57.505 33.4144 55.8692 31.7754 51.4455V48.8189C32.8438 45.4617 35.4317 43.6646 38.4775 42.2295C60.8568 31.6904 83.2061 21.0788 105.595 10.5529C113.562 6.80721 121.621 6.83025 129.57 10.6615C151.313 21.1381 173.022 31.6772 194.77 42.1341C197.975 43.6744 200.656 45.5637 201.648 49.1547V51.4521C200.54 54.5427 198.191 56.3695 195.305 57.7453C188.543 60.9742 181.85 64.3413 175.065 67.5142C173.463 68.2614 173.015 69.1599 173.028 70.8484C173.108 82.8292 173.035 94.81 173.105 106.787C173.114 108.736 172.514 110.243 171.24 111.675C167.421 115.964 163.211 119.812 158.453 123.057C149.159 129.393 138.937 133.412 127.736 134.9C124.846 135.285 121.936 135.525 119.036 135.831L119.033 135.838Z"
+        fill="${subColor}"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2364_545"
+          x1="175.45"
+          y1="69"
+          x2="211.9"
+          y2="69"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2364_545"
+          x1="9.1"
+          y1="11"
+          x2="44.2"
+          y2="11"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}