@bloom-housing/ui-components 2.0.0-pre-tailwind

package/src/icons/Icons.tsx

@@ -0,0 +1,556 @@
+import * as React from "react"
+
+export interface IconProps {
+  fill?: string
+}
+
+export const Application = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 24 32"} fill={props.fill ?? "currentColor"}>
+      <path fill="#edebda" d="M24.51 7.626l-7.626-7.626h-16.885v31.592h24.51v-23.966z"></path>
+      <path fill="#cec9ae" d="M16.885 0v7.626h7.626l-7.626-7.626z"></path>
+      <path
+        fill="#cec9ae"
+        d="M19.064 11.982h-8.715c-0.301 0-0.544-0.243-0.544-0.544s0.245-0.544 0.544-0.544h8.715c0.301 0 0.544 0.245 0.544 0.544s-0.245 0.544-0.544 0.544z"
+      ></path>
+      <path
+        fill="#13a085"
+        d="M5.992 12.528c-0.139 0-0.28-0.054-0.386-0.16l-1.090-1.090c-0.213-0.213-0.213-0.557 0-0.77s0.557-0.213 0.77 0l0.744 0.744 2.342-1.874c0.235-0.187 0.578-0.15 0.766 0.085s0.15 0.578-0.085 0.766l-2.723 2.179c-0.101 0.080-0.221 0.12-0.341 0.12z"
+      ></path>
+      <path
+        fill="#cec9ae"
+        d="M19.064 17.974h-8.715c-0.301 0-0.544-0.243-0.544-0.544s0.245-0.544 0.544-0.544h8.715c0.301 0 0.544 0.243 0.544 0.544s-0.245 0.544-0.544 0.544z"
+      ></path>
+      <path
+        fill="#13a085"
+        d="M5.992 18.518c-0.139 0-0.28-0.053-0.386-0.16l-1.090-1.090c-0.213-0.213-0.213-0.557 0-0.77s0.557-0.213 0.77 0l0.744 0.744 2.342-1.874c0.235-0.187 0.578-0.15 0.766 0.085s0.15 0.578-0.085 0.766l-2.723 2.179c-0.101 0.080-0.221 0.12-0.341 0.12z"
+      ></path>
+      <path
+        fill="#cec9ae"
+        d="M19.064 23.966h-8.715c-0.301 0-0.544-0.243-0.544-0.544s0.245-0.544 0.544-0.544h8.715c0.301 0 0.544 0.243 0.544 0.544s-0.245 0.544-0.544 0.544z"
+      ></path>
+      <path
+        fill="#13a085"
+        d="M5.992 24.51c-0.139 0-0.28-0.053-0.386-0.16l-1.090-1.090c-0.213-0.213-0.213-0.557 0-0.77s0.557-0.213 0.77 0l0.744 0.744 2.342-1.874c0.235-0.187 0.578-0.15 0.766 0.085s0.15 0.578-0.085 0.766l-2.723 2.179c-0.101 0.080-0.221 0.12-0.341 0.12z"
+      ></path>
+    </svg>
+  )
+}
+
+export const ArrowBack = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 5 8"} fill={props.fill ?? "currentColor"}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.205 3.483L3.35.105c.136-.14.359-.14.496 0l.496.508a.366.366 0 0 1 0 .508l-2.4 2.616a.366.366 0 0 0 0 .508l2.4 2.634a.366.366 0 0 1 0 .508l-.496.508a.345.345 0 0 1-.496 0L.205 4.499a.73.73 0 0 1 0-1.016z"
+      />
+    </svg>
+  )
+}
+
+export const ArrowForward = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 5 8"} fill={props.fill ?? "currentColor"}>
+      <g transform="matrix(-1,0,0,1,5.00051,-1.33926e-12)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.205,3.483L3.35,0.105C3.486,-0.035 3.709,-0.035 3.846,0.105L4.342,0.613C4.478,0.754 4.478,0.98 4.342,1.121L1.942,3.737C1.806,3.878 1.806,4.104 1.942,4.245L4.342,6.879C4.478,7.02 4.478,7.246 4.342,7.387L3.846,7.895C3.781,7.962 3.691,8 3.598,8C3.505,8 3.415,7.962 3.35,7.895L0.205,4.499C-0.068,4.218 -0.068,3.764 0.205,3.483Z"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export const ArrowDown = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M28.267 6.133l-12.267 12.267-12.267-12.267-3.733 3.733 16 16 16-16z"></path>
+    </svg>
+  )
+}
+
+export const Assistance = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 34 32"} fill={props.fill ?? "currentColor"}>
+      <path
+        fill="#ecba16"
+        d="M0 17.714c0 2.606 0.87 5.030 2.363 7.053-0.197 2.338-0.76 5.629-2.363 7.232 0 0 4.898-0.688 8.216-2.691 1.843 0.776 3.899 1.213 6.070 1.213 7.89 0 14.286-5.734 14.286-12.808s-6.397-12.808-14.286-12.808c-7.89 0-14.286 5.734-14.286 12.808z"
+      ></path>
+      <path
+        fill="#dd691d"
+        d="M33.142 12.808c0-7.074-6.397-12.808-14.286-12.808-5.698 0-10.614 2.99-12.907 7.317 2.347-1.515 5.224-2.41 8.336-2.41 7.89 0 14.286 5.734 14.286 12.808 0 2.706-0.938 5.214-2.536 7.282 3.2 1.546 7.107 2.098 7.107 2.098-1.603-1.603-2.166-4.896-2.363-7.232 1.491-2.022 2.363-4.446 2.363-7.053z"
+      ></path>
+    </svg>
+  )
+}
+
+export const Asterisk = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 30 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M26.464 18.75q0.821 0.464 1.062 1.384t-0.224 1.741l-1.142 1.965q-0.464 0.821-1.384 1.062t-1.741-0.224l-4.75-2.733v5.482q0 0.928-0.678 1.606t-1.606 0.678h-2.286q-0.928 0-1.606-0.678t-0.678-1.606v-5.482l-4.75 2.733q-0.821 0.464-1.741 0.224t-1.384-1.062l-1.142-1.965q-0.464-0.821-0.224-1.741t1.062-1.384l4.75-2.75-4.75-2.75q-0.821-0.464-1.062-1.384t0.224-1.741l1.142-1.965q0.464-0.821 1.384-1.062t1.741 0.224l4.75 2.733v-5.482q0-0.928 0.678-1.606t1.606-0.678h2.286q0.928 0 1.606 0.678t0.678 1.606v5.482l4.75-2.733q0.821-0.464 1.741-0.224t1.384 1.062l1.142 1.965q0.464 0.821 0.224 1.741t-1.062 1.384l-4.75 2.75z"></path>
+    </svg>
+  )
+}
+
+export const Bed = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 37 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M4.571 18.286h30.858q0.464 0 0.803 0.339t0.339 0.803v8h-4.571v-4.571h-27.429v4.571h-4.571v-21.714q0-0.464 0.339-0.803t0.803-0.339h2.286q0.464 0 0.803 0.339t0.339 0.803v12.571zM14.858 12.571q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM36.571 17.142v-1.142q0-2.84-2.010-4.848t-4.848-2.010h-12.571q-0.464 0-0.803 0.339t-0.339 0.803v6.858h20.571z"></path>
+    </svg>
+  )
+}
+
+export const Browse = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path
+        fill="#556080"
+        d="M23.080 11.531c0 6.37-5.163 11.531-11.531 11.531s-11.531-5.163-11.531-11.531 5.163-11.531 11.531-11.531c6.37 0 11.531 5.163 11.531 11.531z"
+      ></path>
+      <path
+        fill="#8697cb"
+        d="M31.035 27.322l-6.045-6.045-0.816 0.816-3.565-3.443c-0.477 0.606-1.010 1.165-1.597 1.664l3.531 3.41-0.816 0.816 6.046 6.046c0.901 0.901 2.36 0.901 3.261 0s0.901-2.362 0-3.262z"
+      ></path>
+      <path
+        fill="#b0d3f0"
+        d="M20.773 11.531c0 5.096-4.13 9.226-9.226 9.226s-9.226-4.13-9.226-9.226 4.131-9.226 9.226-9.226c5.096 0 9.226 4.13 9.226 9.226z"
+      ></path>
+    </svg>
+  )
+}
+
+export const Building = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M8.68 24.053c0.173 0 0.347-0.080 0.48-0.213 0.12-0.12 0.187-0.28 0.187-0.467 0-0.16-0.067-0.333-0.187-0.469-0.253-0.251-0.707-0.24-0.947 0-0.12 0.122-0.2 0.294-0.2 0.469 0 0.187 0.080 0.347 0.2 0.478 0.12 0.122 0.293 0.202 0.467 0.202z"></path>
+      <path d="M18.019 22.714h1.384c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667h-1.384c-0.368 0-0.667 0.299-0.667 0.667s0.298 0.667 0.667 0.667z"></path>
+      <path d="M18.019 18.714h1.384c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667h-1.384c-0.368 0-0.667 0.299-0.667 0.667s0.298 0.667 0.667 0.667z"></path>
+      <path d="M23.354 22.714h1.333c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.299-0.667 0.667s0.298 0.667 0.667 0.667z"></path>
+      <path d="M23.354 26.715h1.333c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.299-0.667 0.667s0.298 0.667 0.667 0.667z"></path>
+      <path d="M23.354 18.714h1.333c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.299-0.667 0.667s0.298 0.667 0.667 0.667z"></path>
+      <path d="M31.51 15.406l-19.499-7.253c-0.342-0.128-0.728 0.046-0.858 0.392s0.048 0.73 0.394 0.858l1.805 0.672v6.784l-10.166 2.629c0 0 0 0-0.002 0l-2.618 0.675c-0.357 0.091-0.571 0.456-0.478 0.813 0.077 0.301 0.347 0.501 0.643 0.501 0.056 0 0.11-0.006 0.166-0.021l1.784-0.461v10.387c0 0.368 0.299 0.667 0.667 0.667h25.333c0.368 0 0.667-0.299 0.667-0.667v-15.354l1.693 0.629c0.077 0.027 0.157 0.042 0.234 0.042 0.27 0 0.525-0.166 0.626-0.435 0.128-0.344-0.045-0.728-0.39-0.856zM4.019 20.65l9.333-2.414v12.478h-1.333v-4.667c0-0.368-0.299-0.667-0.667-0.667h-5.333c-0.368 0-0.667 0.299-0.667 0.667v4.667h-1.333v-10.064zM6.685 30.715v-4h4v4h-4zM18.686 30.715v-4h1.333v4h-1.333zM28.019 30.715h-6.667v-4.667c0-0.368-0.299-0.667-0.667-0.667h-2.667c-0.368 0-0.667 0.299-0.667 0.667v4.667h-2.667v-20.144l13.333 4.962v15.182z"></path>
+    </svg>
+  )
+}
+
+export const Calendar = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 30 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M2.286 29.714h5.142v-5.142h-5.142v5.142zM8.571 29.714h5.714v-5.142h-5.714v5.142zM2.286 23.429h5.142v-5.714h-5.142v5.714zM8.571 23.429h5.714v-5.714h-5.714v5.714zM2.286 16.571h5.142v-5.142h-5.142v5.142zM15.429 29.714h5.714v-5.142h-5.714v5.142zM8.571 16.571h5.714v-5.142h-5.714v5.142zM22.286 29.714h5.142v-5.142h-5.142v5.142zM15.429 23.429h5.714v-5.714h-5.714v5.714zM9.142 8v-5.142q0-0.232-0.17-0.402t-0.402-0.17h-1.142q-0.232 0-0.402 0.17t-0.17 0.402v5.142q0 0.232 0.17 0.402t0.402 0.17h1.142q0.232 0 0.402-0.17t0.17-0.402zM22.286 23.429h5.142v-5.714h-5.142v5.714zM15.429 16.571h5.714v-5.142h-5.714v5.142zM22.286 16.571h5.142v-5.142h-5.142v5.142zM22.858 8v-5.142q0-0.232-0.17-0.402t-0.402-0.17h-1.142q-0.232 0-0.402 0.17t-0.17 0.402v5.142q0 0.232 0.17 0.402t0.402 0.17h1.142q0.232 0 0.402-0.17t0.17-0.402zM29.714 6.858v22.858q0 0.928-0.678 1.606t-1.606 0.678h-25.142q-0.928 0-1.606-0.678t-0.678-1.606v-22.858q0-0.928 0.678-1.606t1.606-0.678h2.286v-1.714q0-1.179 0.84-2.018t2.018-0.84h1.142q1.179 0 2.018 0.84t0.84 2.018v1.714h6.858v-1.714q0-1.179 0.84-2.018t2.018-0.84h1.142q1.179 0 2.018 0.84t0.84 2.018v1.714h2.286q0.928 0 1.606 0.678t0.678 1.606z"></path>
+    </svg>
+  )
+}
+
+export const Check = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M31.733 5.733c-0.4-0.4-1.067-0.4-1.467 0l-19.333 19.333-9.2-9.2c-0.133-0.133-0.267-0.133-0.4-0.267 0 0-0.133 0-0.133 0-0.133 0-0.133 0-0.267 0 0 0 0 0 0 0-0.267 0-0.533 0.133-0.667 0.267 0 0 0 0 0 0-0.133 0.133-0.267 0.4-0.267 0.667s0.133 0.533 0.267 0.667c0 0 0 0 0 0v0c0 0 0 0 0 0l9.867 9.867c0 0 0 0 0 0s0 0 0 0c0.4 0.4 1.067 0.4 1.467 0l20-20c0.533-0.267 0.533-0.933 0.133-1.333z"></path>
+    </svg>
+  )
+}
+
+export const Clock = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M23.258 15.994h-7.251v-11.266c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v11.931c0 0.368 0.299 0.667 0.667 0.667h7.917c0.368 0 0.667-0.299 0.667-0.667s-0.298-0.667-0.667-0.667z"></path>
+      <path d="M16 0.333c-8.64 0-15.669 7.029-15.669 15.669s7.029 15.669 15.669 15.669c8.64 0 15.669-7.027 15.669-15.667s-7.029-15.67-15.669-15.67zM16 30.338c-7.906 0-14.336-6.43-14.336-14.334s6.43-14.338 14.336-14.338 14.336 6.43 14.336 14.336c0 7.904-6.43 14.336-14.336 14.336z"></path>
+    </svg>
+  )
+}
+
+export const Close = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M1.867 0.4c0-0.133 0-0.133 0 0-0.4-0.4-1.2-0.4-1.6 0 0 0 0 0 0 0-0.4 0.4-0.4 1.2 0 1.6l14.133 14 1.6-1.6-14.133-14z"></path>
+      <path d="M31.733 1.867c0.4-0.4 0.4-1.2 0-1.6 0 0 0 0 0 0v0c-0.4-0.4-1.2-0.4-1.6 0 0 0 0 0 0 0l-14.133 14.133 1.6 1.6 14.133-14.133z"></path>
+      <path d="M31.733 30.133l-15.733-15.733-15.733 15.733c-0.4 0.4-0.4 1.2 0 1.6s1.2 0.4 1.6 0l14.133-14.133 14 14c0.4 0.4 1.2 0.4 1.6 0 0.533-0.4 0.533-1.067 0.133-1.467z"></path>
+    </svg>
+  )
+}
+
+export const CloseRound = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M16 0c-8.835 0-16 7.165-16 16s7.165 16 16 16 16-7.165 16-16-7.165-16-16-16zM23.914 21.086l-2.829 2.829-5.086-5.086-5.086 5.086-2.829-2.827 5.086-5.086-5.086-5.086 2.829-2.827 5.086 5.086 5.086-5.086 2.829 2.827-5.086 5.086 5.086 5.086z"></path>
+    </svg>
+  )
+}
+
+export const Cross = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M19.2 12.8v-9.8h-6.5v9.8h-9.7v6.5h9.8v9.7h6.5v-9.8h9.7v-6.5h-9.8z"></path>
+    </svg>
+  )
+}
+
+export const Down = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M1.867 7.467c-0.4-0.4-1.2-0.4-1.6 0 0 0 0 0 0 0v0c-0.4 0.4-0.4 1.2 0 1.6 0 0 0 0 0 0l14 14 1.6-1.6-14-14z"></path>
+      <path d="M30.133 7.467l-15.733 15.733 1.6 1.6 15.733-15.733c0.4-0.4 0.4-1.2 0-1.6-0.533-0.4-1.2-0.4-1.6 0z"></path>
+      <path d="M16 24.8v0 0z"></path>
+    </svg>
+  )
+}
+
+export const Download = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M6.688 24h18.626v2.688h-18.626v-2.688zM25.312 12l-9.312 9.312-9.312-9.312h5.312v-8h8v8h5.312z"></path>
+    </svg>
+  )
+}
+
+export const Draggable = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 16 8"} fill={props.fill ?? "currentColor"}>
+      <path
+        d="M1.14286 4.96428H14.8571C15.4857 4.96428 16 5.4625 16 6.04029C16 6.68036 15.4857 7.17857 14.8571 7.17857H1.14286C0.514288 7.17857 2.86102e-06 6.68036 2.86102e-06 6.10257C2.86102e-06 5.4625 0.514288 4.96428 1.14286 4.96428ZM1.14286 0.535713H14.8571C15.4857 0.535713 16 1.03393 16 1.61172C16 2.18951 15.4857 2.75 14.8571 2.75H1.14286C0.514288 2.75 2.86102e-06 2.25178 2.86102e-06 1.67399C2.86102e-06 1.0962 0.514288 0.535713 1.14286 0.535713Z"
+        fill="#999999"
+      />
+    </svg>
+  )
+}
+
+export const Edit = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M15.858 21.142l2.072-2.072-2.714-2.714-2.072 2.072v1h1.714v1.714h1zM23.714 8.286q-0.286-0.286-0.589 0.018l-6.25 6.25q-0.304 0.304-0.018 0.589t0.589-0.018l6.25-6.25q0.304-0.304 0.018-0.589zM25.142 18.893v3.394q0 2.125-1.509 3.634t-3.634 1.509h-14.858q-2.125 0-3.634-1.509t-1.509-3.634v-14.858q0-2.125 1.509-3.634t3.634-1.509h14.858q1.125 0 2.090 0.446 0.267 0.125 0.322 0.411 0.053 0.304-0.16 0.518l-0.875 0.875q-0.25 0.25-0.571 0.142-0.411-0.107-0.803-0.107h-14.858q-1.179 0-2.018 0.84t-0.84 2.018v14.858q0 1.179 0.84 2.018t2.018 0.84h14.858q1.179 0 2.018-0.84t0.84-2.018v-2.25q0-0.232 0.16-0.394l1.142-1.142q0.267-0.267 0.626-0.125t0.357 0.518zM23.429 5.714l5.142 5.142-12 12h-5.142v-5.142zM31.357 8.072l-1.643 1.643-5.142-5.142 1.643-1.643q0.501-0.501 1.214-0.501t1.214 0.501l2.714 2.714q0.501 0.501 0.501 1.214t-0.501 1.214z"></path>
+    </svg>
+  )
+}
+
+export const Eligibility = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 24 32"} fill={props.fill ?? "currentColor"}>
+      <path fill="#edebda" d="M21.622 6.746l-6.746-6.746h-14.875v27.848h21.622v-21.102z"></path>
+      <path
+        fill="#cec9ae"
+        d="M4.843 11.070h12.022c0.259 0 0.518-0.173 0.518-0.518s-0.173-0.518-0.518-0.518h-12.022c-0.259 0-0.518 0.173-0.518 0.518s0.173 0.518 0.518 0.518z"
+      ></path>
+      <path
+        fill="#cec9ae"
+        d="M4.843 7.178h4.843c0.259 0 0.518-0.173 0.518-0.518 0-0.259-0.173-0.518-0.518-0.518h-4.843c-0.346 0.086-0.518 0.346-0.518 0.605s0.173 0.432 0.518 0.432z"
+      ></path>
+      <path
+        fill="#cec9ae"
+        d="M16.778 13.925h-11.934c-0.259 0-0.518 0.173-0.518 0.518 0 0.259 0.173 0.518 0.518 0.518h12.022c0.259 0 0.518-0.173 0.518-0.518-0.086-0.259-0.259-0.518-0.605-0.518z"
+      ></path>
+      <path
+        fill="#cec9ae"
+        d="M16.778 17.816h-11.934c-0.259 0-0.518 0.173-0.518 0.518s0.173 0.518 0.518 0.518h12.022c0.259 0 0.518-0.173 0.518-0.518s-0.259-0.518-0.605-0.518z"
+      ></path>
+      <path
+        fill="#cec9ae"
+        d="M16.778 21.622h-11.934c-0.346 0-0.518 0.173-0.518 0.518s0.173 0.518 0.518 0.518h12.022c0.259 0 0.518-0.173 0.518-0.518s-0.259-0.518-0.605-0.518z"
+      ></path>
+      <path fill="#cec9ae" d="M14.875 0v6.746h6.746l-6.746-6.746z"></path>
+      <path
+        fill="#c7cbc7"
+        d="M22.573 24.734c-1.125-0.259-1.73-1.557-0.952-2.509l0.518-0.691-1.038-1.038-0.691 0.432c-1.038 0.691-2.334 0.086-2.509-1.125l-0.173-0.778h-1.47l-0.173 1.038c-0.259 1.125-1.557 1.643-2.509 1.038l-0.866-0.605-1.038 1.038 0.432 0.691c0.691 0.952 0.173 2.334-0.952 2.509l-0.778 0.173v1.47l0.778 0.086c1.125 0.173 1.73 1.47 1.125 2.509l-0.432 0.691 1.038 1.038 0.691-0.432c0.952-0.691 2.334-0.173 2.509 0.952l0.173 0.778h1.47l0.086-0.605c0.173-1.211 1.557-1.73 2.509-1.038l0.432 0.346 1.038-1.038-0.432-0.691c-0.691-0.952-0.086-2.334 1.125-2.509l0.866-0.086v-1.47l-0.778-0.173zM16.952 26.725c-0.605 0-1.125-0.518-1.125-1.125s0.518-1.125 1.125-1.125 1.125 0.518 1.125 1.125c0 0.691-0.432 1.125-1.125 1.125v0 0z"
+      ></path>
+      <path
+        fill="#556080"
+        d="M16.952 23.266c-1.298 0-2.334 1.038-2.334 2.334s1.038 2.334 2.334 2.334 2.334-1.038 2.334-2.334c0.086-1.298-0.952-2.334-2.334-2.334v0 0zM16.952 26.725c-0.605 0-1.125-0.518-1.125-1.125s0.518-1.125 1.125-1.125 1.125 0.518 1.125 1.125c0 0.691-0.432 1.125-1.125 1.125v0 0z"
+      ></path>
+    </svg>
+  )
+}
+
+export const Eye = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M29.714 17.142q-2.714-4.214-6.803-6.304 1.090 1.858 1.090 4.018 0 3.304-2.349 5.651t-5.651 2.349-5.651-2.349-2.349-5.651q0-2.16 1.090-4.018-4.090 2.090-6.803 6.304 2.374 3.661 5.955 5.83t7.758 2.17 7.758-2.17 5.955-5.83zM16.858 10.286q0-0.357-0.25-0.606t-0.606-0.25q-2.232 0-3.83 1.598t-1.598 3.83q0 0.357 0.25 0.606t0.606 0.25 0.606-0.25 0.25-0.606q0-1.536 1.090-2.626t2.626-1.090q0.357 0 0.606-0.25t0.25-0.606zM32 17.142q0 0.606-0.357 1.232-2.501 4.107-6.723 6.581t-8.92 2.474-8.92-2.482-6.723-6.571q-0.357-0.626-0.357-1.232t0.357-1.232q2.501-4.090 6.723-6.571t8.92-2.482 8.92 2.482 6.723 6.571q0.357 0.626 0.357 1.232z"></path>
+    </svg>
+  )
+}
+
+export const Favorite = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 35 32"} fill={props.fill ?? "currentColor"}>
+      <path
+        d={
+          "M17.229 5.883c1.4-3.291 4.595-5.592 8.314-5.592 5.008 0 8.614 4.253 9.069 9.32 0 0 0.245 1.259-0.294 3.523-0.733 3.085-2.458 5.824-4.782 7.915l-12.306 10.896-12.098-10.898c-2.325-2.091-4.050-4.83-4.782-7.915-0.539-2.264-0.294-3.523-0.294-3.523 0.453-5.067 4.061-9.32 9.069-9.32 3.718 0 6.707 2.301 8.106 5.592z"
+        }
+      ></path>
+    </svg>
+  )
+}
+
+export const File = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M27.84 9.12c0.16 0.16 0.32 0.32 0.48 0.64h-7.68v-7.68c0.32 0.16 0.48 0.32 0.64 0.48l6.56 6.56zM20 11.84h8.96v17.28c0 0.48-0.16 0.8-0.48 1.12s-0.64 0.48-1.12 0.48h-22.080c-0.48 0-0.8-0.16-1.12-0.48s-0.48-0.64-0.48-1.12v-26.24c0-0.48 0.16-0.8 0.48-1.12s0.64-0.48 1.12-0.48h13.12v8.96c0 0.48 0.16 0.8 0.48 1.12s0.64 0.48 1.12 0.48zM22.56 23.84v-1.12c0-0.16 0-0.32-0.16-0.32s-0.16-0.16-0.32-0.16h-11.52c-0.16 0-0.32 0-0.32 0.16-0.16 0.16-0.16 0.16-0.16 0.32v1.12c0 0.16 0 0.32 0.16 0.32 0.16 0.16 0.16 0.16 0.32 0.16h11.52c0.16 0 0.32 0 0.32-0.16s0.16-0.16 0.16-0.32zM22.56 19.68v-1.12c0-0.16 0-0.32-0.16-0.32s-0.16-0.16-0.32-0.16h-11.52c-0.16 0-0.32 0-0.32 0.16-0.16 0.16-0.16 0.16-0.16 0.32v1.12c0 0.16 0 0.32 0.16 0.32 0.16 0.16 0.16 0.16 0.32 0.16h11.52c0.16 0 0.32 0 0.32-0.16s0.16-0.16 0.16-0.32zM22.56 15.52v-1.12c0-0.16 0-0.32-0.16-0.32s-0.16-0.16-0.32-0.16h-11.52c-0.16 0-0.32 0-0.32 0.16-0.16 0-0.16 0.16-0.16 0.32v1.12c0 0.16 0 0.32 0.16 0.32 0 0.16 0.16 0.16 0.32 0.16h11.52c0.16 0 0.32 0 0.32-0.16 0.16-0.16 0.16-0.16 0.16-0.32z"></path>
+    </svg>
+  )
+}
+
+export const Forward = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M25.467 17.867v0c0 0 0 0 0 0-2.267 0-4.133 1.333-5.067 3.2v0l-8.267-3.733c0.133-0.533 0.267-1.067 0.133-1.733 0-0.267-0.133-0.533-0.133-0.8l8.267-3.867c1.067 1.733 3.067 2.933 5.333 2.933 3.333-0.133 6-2.933 5.867-6.267s-2.933-6-6.267-5.867c-3.333 0-5.867 2.8-5.867 6 0 0.133 0 0.133 0 0.267 0 0.4 0.133 0.667 0.133 1.067l-8 3.867c-1.2-2-3.2-3.2-5.467-3.067v0c0 0 0 0 0 0-3.333 0-5.867 2.8-5.867 6 0 0.133 0 0.133 0 0.267 0.133 3.333 2.933 6 6.267 5.867 2-0.133 3.733-1.2 4.8-2.667v0l8.4 3.867c0 0.267-0.133 0.533-0.133 0.8 0 0.133 0 0.133 0 0.267 0.133 3.333 2.933 6 6.267 5.867s6-2.933 5.867-6.267-2.933-6.133-6.267-6zM25.467 3.733c0 0 0 0 0 0v0c2.267-0.133 4.133 1.6 4.133 3.867 0.133 2.267-1.6 4.133-3.867 4.133-2.267 0.133-4.133-1.6-4.133-3.867 0 0 0-0.133 0-0.133-0.133-2.133 1.6-3.867 3.867-4zM6.4 19.867c-2.267 0.133-4.133-1.6-4.133-3.867 0 0 0-0.133 0-0.133 0-2.133 1.733-4 3.867-4v0c2.267-0.133 4.133 1.6 4.133 3.867 0.133 2.133-1.6 4-3.867 4.133zM25.733 27.867c-2.267 0.133-4.133-1.6-4.133-3.867 0 0 0-0.133 0-0.133 0-2.133 1.733-4 3.867-4 0 0 0 0 0 0v0c2.267-0.133 4.133 1.6 4.133 3.867 0.133 2.267-1.6 4.133-3.867 4.133z"></path>
+    </svg>
+  )
+}
+
+export const Globe = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M16 0.64c-8.472 0-15.362 6.891-15.362 15.36s6.89 15.36 15.362 15.36c8.469 0 15.36-6.891 15.36-15.36s-6.891-15.36-15.36-15.36zM29.101 16c0 2.997-1.018 5.76-2.714 7.968-0.48-0.374-0.99-1.387-0.51-2.437 0.485-1.056 0.611-3.501 0.499-4.453-0.106-0.95-0.6-3.24-1.942-3.262-1.341-0.019-2.261-0.462-3.058-2.053-1.653-3.309 3.102-3.944 1.45-5.774-0.462-0.515-2.853 2.115-3.203-1.39-0.022-0.251 0.216-0.627 0.538-1.018 5.19 1.744 8.941 6.651 8.941 12.419zM14.2 3.029c-0.314 0.611-1.141 0.859-1.643 1.318-1.094 0.99-1.565 0.853-2.154 1.803-0.594 0.95-2.507 2.318-2.507 3.006s0.966 1.498 1.45 1.341c0.483-0.16 1.758-0.15 2.507 0.112 0.75 0.266 6.262 0.531 4.506 5.19-0.557 1.482-2.997 1.232-3.646 3.685-0.098 0.36-0.435 1.898-0.456 2.4-0.040 0.778 0.55 3.709-0.2 3.709-0.754 0-2.781-2.622-2.781-3.098s-0.525-2.141-0.525-3.568c0-1.426-2.429-1.403-2.429-3.299 0-1.709 1.317-2.56 1.021-3.381-0.29-0.816-2.603-0.843-3.568-0.944 1.685-4.37 5.648-7.613 10.426-8.275zM11.878 28.432c0.787-0.416 0.867-0.954 1.581-0.981 0.816-0.037 1.48-0.318 2.4-0.522 0.816-0.178 2.277-1.006 3.562-1.112 1.085-0.088 3.224 0.056 3.8 1.102-2.072 1.378-4.557 2.181-7.222 2.181-1.438 0-2.824-0.238-4.12-0.669z"></path>
+    </svg>
+  )
+}
+
+export const Info = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M14.688 12v-2.688h2.625v2.688h-2.625zM16 26.688c5.875 0 10.688-4.813 10.688-10.688s-4.813-10.688-10.688-10.688-10.688 4.813-10.688 10.688 4.813 10.688 10.688 10.688zM16 2.688c7.375 0 13.313 5.938 13.313 13.313s-5.938 13.313-13.313 13.313-13.313-5.938-13.313-13.313 5.938-13.313 13.313-13.313zM14.688 22.688v-8h2.625v8h-2.625z"></path>
+    </svg>
+  )
+}
+
+export const Left = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M24.533 1.867c0.4-0.4 0.4-1.2 0-1.6 0 0 0 0 0 0v0c-0.4-0.4-1.2-0.4-1.6 0 0 0 0 0 0 0l-14.133 14.133 1.6 1.6 14.133-14.133z"></path>
+      <path d="M24.533 30.133l-15.733-15.733-1.6 1.6 15.6 15.6c0.4 0.4 1.2 0.4 1.6 0 0.533-0.4 0.533-1.067 0.133-1.467z"></path>
+      <path d="M7.2 16v0 0z"></path>{" "}
+    </svg>
+  )
+}
+
+export const Lightbulb = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M11.498 30.675c1.262 0.816 2.722 1.368 4.502 1.325 1.778 0.043 3.24-0.509 4.502-1.325l-0.027-3.475h-8.95l-0.027 3.475zM20.315 25.6c0-6.971 7.408-9.357 6.853-16.301-0.349-4.381-3.317-9.296-11.168-9.296s-10.819 4.915-11.17 9.298c-0.555 6.942 6.854 9.328 6.854 16.299h8.63zM8 9.6c0.331-4.157 3.381-6.4 8-6.4s7.446 2.194 7.778 6.35c0.181 2.278-1.128 3.797-2.894 6.282-1.302 1.834-2.565 3.749-3.283 6.568h-3.2c-0.718-2.819-1.981-4.734-3.285-6.57-1.765-2.483-3.298-3.952-3.115-6.23z"></path>
+    </svg>
+  )
+}
+
+export const Like = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M15.867 30.933c-0.267 0-0.267-0.133-0.533-0.133-0.133 0-0.133-0.133-0.267-0.133 0-0.133-0.4-0.4-0.933-1.067l-0.667-0.8c-3.2-3.733-9.733-11.6-12-15.2-0.667-1.333-1.067-2.667-1.067-4 0.133-4.533 3.867-8.267 8.267-8.267 2.933 0 5.467 1.467 6.933 4l0.4 0.533 0.4-0.533c1.6-2.533 4.133-4 6.933-4 4.4 0 8.133 3.733 8.133 8.133 0 1.333-0.4 2.8-1.067 4.133-2.8 4.533-13.067 16.533-13.6 17.067-0.4 0.267-0.533 0.267-0.933 0.267zM8.667 3.067c-3.6 0-6.4 2.8-6.4 6.4 0 1.2 0.267 2.267 0.933 3.2 1.333 2.267 4.933 6.8 10.8 13.867 0.667 0.8 1.2 1.467 1.6 2l0.267 0.4 0.267-0.4c7.067-8.267 11.067-13.333 12.4-15.733 0.533-0.933 0.8-2.133 0.8-3.2 0-3.467-2.933-6.4-6.4-6.4s-6.4 2.933-6.4 6.4c0 0.4-0.533 0.933-0.933 0.933s-0.933-0.533-0.933-0.933c0.133-1.733-0.533-3.467-1.733-4.667-1.067-1.2-2.533-1.867-4.267-1.867z"></path>
+    </svg>
+  )
+}
+
+export const LikeFill = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M15.867 30.933c-0.267 0-0.267-0.133-0.533-0.133-0.133 0-0.133-0.133-0.267-0.133 0-0.133-0.4-0.4-0.933-1.067l-0.667-0.8c-3.2-3.733-9.733-11.6-12-15.2-0.667-1.333-1.067-2.667-1.067-4 0.133-4.533 3.867-8.267 8.267-8.267 2.933 0 5.467 1.467 6.933 4l0.4 0.533 0.4-0.533c1.6-2.533 4.133-4 6.933-4 4.4 0 8.133 3.733 8.133 8.133 0 1.333-0.4 2.8-1.067 4.133-2.8 4.533-13.067 16.533-13.6 17.067-0.4 0.267-0.533 0.267-0.933 0.267z"></path>
+    </svg>
+  )
+}
+
+export const Link = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M12.574 23.506l-1.296 1.288c-1.122 1.112-2.949 1.112-4.072 0-0.538-0.534-0.834-1.246-0.834-2.003s0.298-1.466 0.834-2.003l4.768-4.728c0.987-0.981 2.846-2.424 4.202-1.080 0.622 0.618 1.626 0.614 2.245-0.008 0.616-0.622 0.613-1.627-0.010-2.243-2.301-2.285-5.706-1.862-8.67 1.080l-4.768 4.73c-1.144 1.134-1.773 2.646-1.773 4.253 0 1.61 0.63 3.118 1.773 4.253 1.178 1.168 2.723 1.754 4.27 1.754s3.094-0.584 4.27-1.754l1.298-1.288c0.622-0.616 0.626-1.619 0.008-2.24s-1.622-0.624-2.245-0.010zM27.026 5.131c-2.475-2.454-5.934-2.587-8.222-0.315l-1.614 1.603c-0.622 0.618-0.627 1.621-0.010 2.242 0.618 0.622 1.621 0.626 2.243 0.008l1.616-1.602c1.184-1.178 2.738-0.69 3.754 0.315 0.538 0.536 0.835 1.246 0.835 2.003s-0.298 1.467-0.835 2.002l-5.088 5.046c-2.326 2.306-3.418 1.226-3.883 0.763-0.622-0.618-1.626-0.613-2.242 0.008s-0.614 1.627 0.008 2.242c1.069 1.059 2.288 1.584 3.565 1.584 1.563 0 3.216-0.787 4.789-2.347l5.088-5.045c1.139-1.136 1.771-2.646 1.771-4.253s-0.632-3.118-1.774-4.254z"></path>
+    </svg>
+  )
+}
+
+export const List = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M6.803 28.928q0 1.429-0.973 2.25t-2.419 0.821q-1.893 0-3.072-1.179l1.018-1.571q0.875 0.803 1.893 0.803 0.518 0 0.902-0.259t0.384-0.758q0-1.142-1.875-1l-0.464-1q0.142-0.179 0.581-0.776t0.758-0.965 0.661-0.688v-0.018q-0.286 0-0.866 0.018t-0.866 0.018v0.947h-1.893v-2.714h5.947v1.571l-1.696 2.053q0.91 0.214 1.446 0.875t0.536 1.571zM6.84 17.733v2.84h-6.464q-0.107-0.643-0.107-0.965 0-0.91 0.419-1.661t1.010-1.214 1.179-0.848 1.010-0.776 0.419-0.803q0-0.446-0.259-0.688t-0.706-0.242q-0.821 0-1.446 1.035l-1.518-1.053q0.429-0.91 1.277-1.419t1.883-0.509q1.304 0 2.197 0.741t0.893 2.010q0 0.893-0.606 1.634t-1.339 1.152-1.349 0.902-0.634 0.938h2.267v-1.072h1.875zM32 23.429v3.429q0 0.232-0.17 0.402t-0.402 0.17h-21.714q-0.232 0-0.402-0.17t-0.17-0.402v-3.429q0-0.25 0.16-0.411t0.411-0.16h21.714q0.232 0 0.402 0.17t0.17 0.402zM6.858 7.374v1.768h-5.982v-1.768h1.91q0-0.733 0.010-2.179t0.010-2.16v-0.214h-0.035q-0.142 0.304-0.893 0.965l-1.267-1.357 2.429-2.267h1.893v7.214h1.928zM32 14.286v3.429q0 0.232-0.17 0.402t-0.402 0.17h-21.714q-0.232 0-0.402-0.17t-0.17-0.402v-3.429q0-0.25 0.16-0.411t0.411-0.16h21.714q0.232 0 0.402 0.17t0.17 0.402zM32 5.142v3.429q0 0.232-0.17 0.402t-0.402 0.17h-21.714q-0.232 0-0.402-0.17t-0.17-0.402v-3.429q0-0.232 0.17-0.402t0.402-0.17h21.714q0.232 0 0.402 0.17t0.17 0.402z"></path>
+    </svg>
+  )
+}
+
+export const Lock = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 21 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M5.714 13.714h9.142v-3.429q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232v3.429zM20.571 15.429v10.286q0 0.714-0.501 1.214t-1.214 0.501h-17.142q-0.714 0-1.214-0.501t-0.501-1.214v-10.286q0-0.714 0.501-1.214t1.214-0.501h0.571v-3.429q0-3.286 2.357-5.643t5.643-2.357 5.643 2.357 2.357 5.643v3.429h0.571q0.714 0 1.214 0.501t0.501 1.214z"></path>
+    </svg>
+  )
+}
+
+export const Mail = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M29.091 27.637h-26.182c-1.606 0-2.909-1.304-2.909-2.909v-17.454c0-1.606 1.304-2.909 2.909-2.909h26.182c1.606 0 2.909 1.304 2.909 2.909v17.454c0 1.606-1.304 2.909-2.909 2.909zM27.637 24.728l-8.338-7.296-3.299 2.933-3.299-2.933-8.338 7.296h23.272zM2.909 23.272l8.182-7.272-8.182-7.272v14.546zM4.363 7.272l11.637 10.182 11.637-10.182h-23.272zM29.091 8.728l-8.182 7.272 8.182 7.272v-14.546z"></path>
+    </svg>
+  )
+}
+
+export const Map = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 18 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M13.714 11.429q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM18.286 11.429q0 1.947-0.589 3.197l-6.501 13.821q-0.286 0.589-0.848 0.928t-1.205 0.339-1.205-0.339-0.83-0.928l-6.518-13.821q-0.589-1.25-0.589-3.197 0-3.786 2.678-6.464t6.464-2.678 6.464 2.678 2.678 6.464z"></path>
+    </svg>
+  )
+}
+
+export const MapThin = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M15.981 0.251c-5.787 0-10.493 4.709-10.493 10.494 0 5.563 9.531 20.11 9.938 20.726 0.123 0.187 0.331 0.301 0.557 0.301s0.434-0.114 0.557-0.301c0.406-0.616 9.938-15.165 9.938-20.726 0-5.787-4.707-10.494-10.493-10.494zM15.981 29.875c-2.066-3.24-9.16-14.693-9.16-19.131 0-5.053 4.109-9.162 9.16-9.162s9.16 4.109 9.16 9.162c0 4.435-7.094 15.89-9.16 19.131z"></path>
+      <path d="M15.981 5.275c-2.237 0-4.059 1.821-4.059 4.058s1.821 4.059 4.059 4.059c2.238 0 4.059-1.821 4.059-4.059s-1.819-4.058-4.059-4.058zM15.981 12.061c-1.502 0-2.725-1.222-2.725-2.725s1.222-2.725 2.725-2.725 2.725 1.222 2.725 2.725-1.222 2.725-2.725 2.725z"></path>
+    </svg>
+  )
+}
+
+export const Menu = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M26.24 14.4h-20.48c-0.883 0-0.96 0.715-0.96 1.6s0.077 1.6 0.96 1.6h20.48c0.883 0 0.96-0.715 0.96-1.6s-0.077-1.6-0.96-1.6zM26.24 20.8h-20.48c-0.883 0-0.96 0.715-0.96 1.6s0.077 1.6 0.96 1.6h20.48c0.883 0 0.96-0.715 0.96-1.6s-0.077-1.6-0.96-1.6zM5.76 11.2h20.48c0.883 0 0.96-0.715 0.96-1.6s-0.077-1.6-0.96-1.6h-20.48c-0.883 0-0.96 0.715-0.96 1.6s0.077 1.6 0.96 1.6z"></path>
+    </svg>
+  )
+}
+
+export const Oval = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M29 16c0 7.18-5.82 13-13 13s-13-5.82-13-13c0-7.18 5.82-13 13-13s13 5.82 13 13z"></path>
+    </svg>
+  )
+}
+
+export const Phone = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path
+        d={
+          "M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"
+        }
+      ></path>
+    </svg>
+  )
+}
+
+export const Plus = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M25.6 16c0 0.885-0.077 1.6-0.962 1.6h-7.038v7.038c0 0.883-0.715 0.962-1.6 0.962s-1.6-0.078-1.6-0.962v-7.038h-7.038c-0.883 0-0.962-0.715-0.962-1.6s0.078-1.6 0.962-1.6h7.038v-7.038c0-0.885 0.715-0.962 1.6-0.962s1.6 0.077 1.6 0.962v7.038h7.038c0.885 0 0.962 0.715 0.962 1.6z"></path>
+    </svg>
+  )
+}
+
+export const Polygon = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M16 1.2l15.2 11.1-5.8 17.9h-18.8l-5.9-17.9z"></path>
+    </svg>
+  )
+}
+
+export const Profile = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path
+        fill="#e7eced"
+        d="M11.23 25.117l-4.77 2.597c-0.302 0.181-0.544 0.362-0.786 0.544 2.778 2.355 6.4 3.744 10.325 3.744s7.486-1.389 10.264-3.683c-0.242-0.242-0.544-0.422-0.845-0.544l-5.133-2.536c-0.664-0.302-1.086-1.027-1.086-1.75v-1.992c0.12-0.181 0.302-0.362 0.483-0.603 0.725-0.966 1.208-2.053 1.57-3.2 0.664-0.181 1.147-0.786 1.147-1.509v-2.114c0-0.483-0.181-0.906-0.544-1.208v-3.2c0 0 0.664-4.83-5.917-4.83s-5.917 4.83-5.917 4.83v3.080c-0.302 0.302-0.544 0.725-0.544 1.208v2.114c0 0.544 0.302 1.086 0.725 1.328 0.544 2.355 1.933 3.986 1.933 3.986v1.933c0.12 0.786-0.302 1.45-0.906 1.811z"
+      ></path>
+      <path
+        fill="#556080"
+        d="M16.302 0c-8.875-0.12-16.12 6.883-16.302 15.698-0.061 5.011 2.173 9.539 5.675 12.498 0.242-0.181 0.483-0.362 0.786-0.544l4.77-2.597c0.603-0.362 1.027-1.027 1.027-1.691v-1.933c0 0-1.389-1.691-1.933-3.986-0.422-0.302-0.725-0.786-0.725-1.328v-2.114c0-0.483 0.181-0.906 0.544-1.208v-3.139c0 0-0.664-4.83 5.917-4.83s5.917 4.83 5.917 4.83v3.080c0.302 0.302 0.544 0.725 0.544 1.208v2.114c0 0.725-0.483 1.328-1.147 1.509-0.362 1.147-0.906 2.234-1.57 3.2-0.181 0.242-0.362 0.483-0.483 0.603v1.992c0 0.725 0.422 1.389 1.086 1.75l5.133 2.536c0.302 0.181 0.603 0.362 0.845 0.544 3.32-2.778 5.555-7.064 5.614-11.894 0.12-8.875-6.883-16.12-15.698-16.302z"
+      ></path>
+    </svg>
+  )
+}
+
+export const Question = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M16 0.64c-8.483 0-15.36 6.877-15.36 15.36s6.877 15.36 15.36 15.36c8.482 0 15.36-6.877 15.36-15.362 0-8.482-6.878-15.358-15.36-15.358zM15.758 24.958h-0.082c-1.251-0.037-2.134-0.96-2.098-2.194 0.035-1.213 0.939-2.094 2.149-2.094l0.074 0.003c1.286 0.037 2.16 0.95 2.123 2.219-0.037 1.216-0.925 2.066-2.166 2.066zM21.024 14.509c-0.294 0.416-0.941 0.938-1.757 1.573l-0.899 0.619c-0.493 0.384-0.79 0.747-0.901 1.101-0.090 0.278-0.131 0.354-0.139 0.922v0.144h-3.432l0.010-0.291c0.043-1.19 0.072-1.894 0.566-2.475 0.776-0.909 2.488-2.013 2.56-2.059 0.246-0.184 0.453-0.394 0.606-0.619 0.36-0.498 0.518-0.888 0.518-1.269 0-0.534-0.157-1.029-0.469-1.466-0.301-0.426-0.872-0.637-1.698-0.637-0.819 0-1.381 0.259-1.715 0.794-0.346 0.546-0.52 1.12-0.52 1.707v0.147h-3.538l0.006-0.154c0.091-2.165 0.866-3.725 2.296-4.635 0.901-0.578 2.022-0.87 3.33-0.87 1.709 0 3.155 0.416 4.291 1.235 1.154 0.83 1.738 2.075 1.738 3.698-0.002 0.907-0.288 1.76-0.854 2.536z"></path>
+    </svg>
+  )
+}
+
+export const Result = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M22.754 22.68h-13.387c-0.368 0-0.667 0.299-0.667 0.667s0.299 0.667 0.667 0.667h13.389c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667z"></path>
+      <path d="M22.754 18.68h-13.387c-0.368 0-0.667 0.299-0.667 0.667s0.299 0.667 0.667 0.667h13.389c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667z"></path>
+      <path d="M22.754 14.68h-13.387c-0.368 0-0.667 0.299-0.667 0.667s0.299 0.667 0.667 0.667h13.389c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667z"></path>
+      <path d="M9.365 12.013h7.438c0.368 0 0.667-0.299 0.667-0.667s-0.299-0.667-0.667-0.667h-7.438c-0.368 0-0.667 0.299-0.667 0.667s0.299 0.667 0.667 0.667z"></path>
+      <path d="M27.526 4.877l-4.416-4.358c-0.216-0.213-0.514-0.506-1.072-0.506h-16.285c-0.947 0-1.717 0.781-1.717 1.741v26.014c0 0.205 0.098 0.387 0.246 0.51l3.142 3.36c0.126 0.134 0.302 0.211 0.486 0.211s0.362-0.077 0.486-0.211l3.506-3.747 3.629 3.875c0.251 0.269 0.722 0.269 0.973 0l3.629-3.875 3.629 3.875c0.126 0.134 0.301 0.21 0.483 0.211 0.002 0 0.002 0 0.003 0 0.182 0 0.357-0.075 0.483-0.206l3.117-3.27c0.117-0.123 0.184-0.29 0.184-0.459v-22.029c0.002-0.562-0.274-0.902-0.509-1.138zM26.102 5.347h-3.398v-3.355l3.398 3.355zM24.259 30.341l-3.634-3.88c-0.126-0.134-0.302-0.211-0.486-0.211s-0.362 0.077-0.486 0.211l-3.629 3.875-3.629-3.875c-0.251-0.269-0.722-0.269-0.973 0l-3.506 3.747-2.544-2.718v-25.736c0-0.221 0.174-0.408 0.382-0.408l15.616-0.010v4.677c0 0.368 0.299 0.667 0.667 0.667h4.667v21.094l-2.445 2.566z"></path>
+    </svg>
+  )
+}
+
+export const Right = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M7.467 30.133c-0.4 0.4-0.4 1.2 0 1.6 0 0 0 0 0 0v0c0.4 0.4 1.2 0.4 1.6 0 0 0 0 0 0 0l14-14-1.467-1.733-14.133 14.133z"></path>
+      <path d="M7.467 1.867l15.733 15.6 1.6-1.6-1.6-1.6-14.133-14c-0.4-0.4-1.067-0.4-1.6 0-0.4 0.533-0.4 1.2 0 1.6z"></path>
+      <path d="M24.8 16v0 0z"></path>
+    </svg>
+  )
+}
+
+export const Search = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M13.333 1.333q2.438 0 4.661 0.953t3.828 2.557 2.557 3.828 0.953 4.661q0 2.094-0.682 4.010t-1.943 3.479l7.573 7.563q0.385 0.385 0.385 0.948 0 0.573-0.38 0.953t-0.953 0.38q-0.563 0-0.948-0.385l-7.563-7.573q-1.563 1.26-3.479 1.943t-4.010 0.682q-2.438 0-4.661-0.953t-3.828-2.557-2.557-3.828-0.953-4.661 0.953-4.661 2.557-3.828 3.828-2.557 4.661-0.953zM13.333 4q-1.896 0-3.625 0.74t-2.979 1.99-1.99 2.979-0.74 3.625 0.74 3.625 1.99 2.979 2.979 1.99 3.625 0.74 3.625-0.74 2.979-1.99 1.99-2.979 0.74-3.625-0.74-3.625-1.99-2.979-2.979-1.99-3.625-0.74z"></path>
+    </svg>
+  )
+}
+
+export const Settings = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path
+        fill="#c7cbc7"
+        d="M30.075 14.091c-2.858-0.549-4.168-3.888-2.446-6.234l1.208-1.648-2.611-2.611-1.624 1.099c-2.408 1.632-5.696 0.197-6.138-2.677l-0.31-2.021h-3.693l-0.478 2.486c-0.538 2.794-3.757 4.128-6.114 2.531l-2.096-1.419-2.611 2.611 1.208 1.648c1.72 2.346 0.411 5.685-2.446 6.234l-1.925 0.37v3.693l2.021 0.31c2.875 0.443 4.309 3.73 2.677 6.139l-1.099 1.622 2.611 2.611 1.648-1.208c2.347-1.72 5.685-0.411 6.234 2.446l0.371 1.925h3.693l0.219-1.421c0.453-2.939 3.861-4.35 6.259-2.592l1.16 0.851 2.611-2.611-1.099-1.622c-1.632-2.408-0.197-5.696 2.677-6.139l2.021-0.31v-3.693l-1.925-0.37zM16.307 19.077c-1.53 0-2.77-1.24-2.77-2.77s1.24-2.77 2.77-2.77 2.77 1.24 2.77 2.77c0 1.53-1.24 2.77-2.77 2.77v0 0z"
+      ></path>
+      <path
+        fill="#556080"
+        d="M16.307 10.461c-3.229 0-5.846 2.618-5.846 5.846s2.618 5.846 5.846 5.846 5.846-2.618 5.846-5.846c0-3.229-2.618-5.846-5.846-5.846v0 0zM16.307 19.077c-1.53 0-2.77-1.24-2.77-2.77s1.24-2.77 2.77-2.77 2.77 1.24 2.77 2.77c0 1.53-1.24 2.77-2.77 2.77v0 0z"
+      ></path>
+    </svg>
+  )
+}
+
+export const Spinner = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 100 100"} fill={props.fill ?? "currentColor"}>
+      <circle
+        cx="50"
+        cy="50"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="9"
+        r="32"
+        strokeDasharray="150.79644737231007 52.26548245743669"
+      />
+    </svg>
+  )
+}
+
+export const Star = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 28 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M28 12l-9.797-1.274-4.203-8.726-4.204 8.726-9.796 1.274 7.202 6.527-1.858 9.471 8.656-4.65 8.658 4.65-1.861-9.471 7.203-6.527z"></path>
+    </svg>
+  )
+}
+
+export const Ticket = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M18.286 8.072l5.643 5.643-10.214 10.214-5.643-5.643zM14.518 25.554l11.035-11.035q0.339-0.339 0.339-0.803t-0.339-0.803l-6.464-6.464q-0.322-0.322-0.803-0.322t-0.803 0.322l-11.035 11.035q-0.339 0.339-0.339 0.803t0.339 0.803l6.464 6.464q0.322 0.322 0.803 0.322t0.803-0.322zM30.394 14.179l-16.197 16.214q-0.661 0.661-1.616 0.661t-1.616-0.661l-2.25-2.25q1-1 1-2.429t-1-2.429-2.429-1-2.429 1l-2.232-2.25q-0.661-0.661-0.661-1.616t0.661-1.616l16.197-16.179q0.661-0.661 1.616-0.661t1.616 0.661l2.232 2.232q-1 1-1 2.429t1 2.429 2.429 1 2.429-1l2.25 2.232q0.661 0.661 0.661 1.616t-0.661 1.616z"></path>
+    </svg>
+  )
+}
+
+export const Trash = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 26 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M9.142 24.571v-12.571q0-0.25-0.16-0.411t-0.411-0.16h-1.142q-0.25 0-0.411 0.16t-0.16 0.411v12.571q0 0.25 0.16 0.411t0.411 0.16h1.142q0.25 0 0.411-0.16t0.16-0.411zM13.714 24.571v-12.571q0-0.25-0.16-0.411t-0.411-0.16h-1.142q-0.25 0-0.411 0.16t-0.16 0.411v12.571q0 0.25 0.16 0.411t0.411 0.16h1.142q0.25 0 0.411-0.16t0.16-0.411zM18.286 24.571v-12.571q0-0.25-0.16-0.411t-0.411-0.16h-1.142q-0.25 0-0.411 0.16t-0.16 0.411v12.571q0 0.25 0.16 0.411t0.411 0.16h1.142q0.25 0 0.411-0.16t0.16-0.411zM8.571 6.858h8l-0.858-2.090q-0.125-0.16-0.304-0.197h-5.661q-0.179 0.035-0.304 0.197zM25.142 7.429v1.142q0 0.25-0.16 0.411t-0.411 0.16h-1.714v16.928q0 1.482-0.84 2.563t-2.018 1.080h-14.858q-1.179 0-2.018-1.045t-0.84-2.526v-17h-1.714q-0.25 0-0.411-0.16t-0.16-0.411v-1.142q0-0.25 0.16-0.411t0.411-0.16h5.518l1.25-2.982q0.267-0.661 0.965-1.125t1.411-0.464h5.714q0.714 0 1.411 0.464t0.965 1.125l1.25 2.982h5.518q0.25 0 0.411 0.16t0.16 0.411z"></path>
+    </svg>
+  )
+}
+
+export const Warning = (props: IconProps) => {
+  return (
+    <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
+      <path d="M31.218 28.768l-14.251-26.611c-0.198-0.344-0.566-0.557-0.966-0.557s-0.77 0.213-0.966 0.557l-14.25 26.611c-0.194 0.338-0.19 0.754 0.008 1.088 0.2 0.338 0.563 0.544 0.957 0.544h28.502c0.392 0 0.758-0.206 0.957-0.544 0.198-0.334 0.202-0.75 0.010-1.088zM17.6 27.2h-3.2v-3.2h3.2v3.2zM17.6 21.6h-3.2v-10.4h3.2v10.4z"></path>
+    </svg>
+  )
+}