create :: Icon and img

src/assets/BuildingIcon.tsx

@@ -0,0 +1,10 @@
+export const BuildingIcon = ({ size = 24, color = 'black' }) => {
+  return (
+    <svg width={size} height={size} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z"
+        fill={color}
+      />
+    </svg>
+  );
+};

src/assets/FailedIcon.tsx

@@ -0,0 +1,17 @@
+export const FailedIcon = ({ size = 24, color = 'black' }) => {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_49_6850)">
+        <path
+          d="M12.866 2.99996L22.392 19.5C22.4797 19.652 22.5259 19.8244 22.5259 20C22.5259 20.1755 22.4797 20.3479 22.392 20.4999C22.3042 20.652 22.178 20.7782 22.026 20.866C21.8739 20.9537 21.7015 21 21.526 21H2.47397C2.29844 21 2.126 20.9537 1.97398 20.866C1.82197 20.7782 1.69573 20.652 1.60797 20.4999C1.5202 20.3479 1.474 20.1755 1.474 20C1.474 19.8244 1.52021 19.652 1.60797 19.5L11.134 2.99996C11.2217 2.84795 11.348 2.72172 11.5 2.63396C11.652 2.5462 11.8244 2.5 12 2.5C12.1755 2.5 12.3479 2.5462 12.5 2.63396C12.652 2.72172 12.7782 2.84795 12.866 2.99996ZM4.20597 19H19.794L12 5.49996L4.20597 19ZM11 16H13V18H11V16ZM11 8.99996H13V14H11V8.99996Z"
+          fill={color}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_49_6850">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

src/assets/PassedIcon.tsx

@@ -0,0 +1,17 @@
+export const PassedIcon = ({ size = 24, color = 'black' }) => {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_49_6847)">
+        <path
+          d="M9.99999 15.172L19.192 5.979L20.607 7.393L9.99999 18L3.63599 11.636L5.04999 10.222L9.99999 15.172Z"
+          fill={color}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_49_6847">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

src/assets/UnknownIcon.tsx

@@ -0,0 +1,17 @@
+export const UnknownIcon = ({ size = 24, color = 'black' }) => {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_49_6844)">
+        <path
+          d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"
+          fill={color}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_49_6844">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};