From ee13a7e0563cce4b3a73b268e6be7a7146654431 Mon Sep 17 00:00:00 2001
From: RedrockJS <smb.sochi@gmail.com>
Date: Mon, 1 Dec 2025 16:36:13 +0300
Subject: [PATCH] fix: add icons

---
 .idea/workspace.xml                         |   33 +-
 src/shared/ui/icon/base.tsx                 |  331 +++++
 src/shared/ui/icon/service-grid.tsx         | 1214 +++++++++++++++++++
 src/shared/ui/icon/ui.tsx                   |  381 ++----
 src/views/home/styles.module.scss           |   83 --
 src/views/home/ui.tsx                       |  169 +--
 src/widgets/index.ts                        |    1 +
 src/widgets/service-grid/index.ts           |    1 +
 src/widgets/service-grid/styles.module.scss |   90 ++
 src/widgets/service-grid/ui.tsx             |  188 +++
 10 files changed, 1923 insertions(+), 568 deletions(-)
 create mode 100644 src/shared/ui/icon/base.tsx
 create mode 100644 src/shared/ui/icon/service-grid.tsx
 create mode 100644 src/widgets/service-grid/index.ts
 create mode 100644 src/widgets/service-grid/styles.module.scss
 create mode 100644 src/widgets/service-grid/ui.tsx

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index aaedc68..e5e1278 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,13 +5,16 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="2a96f817-9dc2-4f3c-893a-c4974c750774" name="Changes" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/.gitignore" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/compiler.xml" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/watcherTasks.xml" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/shared/ui/icon/base.tsx" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/shared/ui/icon/service-grid.tsx" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/widgets/service-grid/index.ts" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/widgets/service-grid/styles.module.scss" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/widgets/service-grid/ui.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/shared/ui/icon/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/shared/ui/icon/ui.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/views/home/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/styles.module.scss" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/views/home/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/ui.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/widgets/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/index.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -19,10 +22,18 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="DarkyenusTimeTracker">
-    <option name="totalTimeSeconds" value="160544" />
+    <option name="totalTimeSeconds" value="164065" />
     <option name="gitIntegration" value="true" />
     <option name="naggedAbout" value="1" />
   </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="SCSS File" />
+        <option value="TypeScript JSX File" />
+      </list>
+    </option>
+  </component>
   <component name="Git.Settings">
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
@@ -39,6 +50,7 @@
   "keyToString": {
     "ModuleVcsDetector.initialDetectionPerformed": "true",
     "RunOnceActivity.ShowReadmeOnStart": "true",
+    "RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
     "RunOnceActivity.git.unshallow": "true",
     "com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1": "true",
     "git-widget-placeholder": "dev",
@@ -46,12 +58,14 @@
     "js.debugger.nextJs.config.created.client": "true",
     "js.debugger.nextJs.config.created.server": "true",
     "junie.onboarding.icon.badge.shown": "true",
+    "list.type.of.created.stylesheet": "SCSS",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.tslint": "true",
     "node.js.selected.package.eslint": "(autodetect)",
     "node.js.selected.package.tslint": "(autodetect)",
     "nodejs_package_manager_path": "npm",
     "npm.Next.js: server-side.executor": "Run",
+    "prettierjs.PrettierConfiguration.Package": "C:\\dev-personal\\ocenka-web\\node_modules\\prettier",
     "to.speed.mode.migration.done": "true",
     "ts.external.directory.path": "C:\\dev-personal\\ocenka-web\\node_modules\\typescript\\lib",
     "vue.rearranger.settings.migration": "true"
@@ -75,7 +89,7 @@
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
-        <option value="bundled-js-predefined-d6986cc7102b-3aa1da707db6-JavaScript-WS-252.27397.92" />
+        <option value="bundled-js-predefined-d6986cc7102b-a71380e98a7c-JavaScript-WS-252.28238.10" />
       </set>
     </attachedChunks>
   </component>
@@ -86,7 +100,10 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1763636886190</updated>
-      <workItem from="1763636887488" duration="5508000" />
+      <workItem from="1763636887488" duration="6811000" />
+      <workItem from="1764586916122" duration="32000" />
+      <workItem from="1764590282382" duration="1201000" />
+      <workItem from="1764591867512" duration="3620000" />
     </task>
     <servers />
   </component>
diff --git a/src/shared/ui/icon/base.tsx b/src/shared/ui/icon/base.tsx
new file mode 100644
index 0000000..cbd3b38
--- /dev/null
+++ b/src/shared/ui/icon/base.tsx
@@ -0,0 +1,331 @@
+import type { SVGProps } from 'react';
+type SVGIcon = SVGProps<SVGSVGElement>;
+
+//RiMapPinLine
+const Map = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='#19bb3f'
+        d='m12 20.9l4.95-4.95a7 7 0 1 0-9.9 0zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0zM12 13a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'
+      ></path>
+    </svg>
+  );
+};
+
+//MynauiEnvelope
+const Envelope = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='none'
+        stroke='#19bb3f'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        d='m2.357 7.714l6.98 4.654c.963.641 1.444.962 1.964 1.087c.46.11.939.11 1.398 0c.52-.125 1.001-.446 1.964-1.087l6.98-4.654M7.157 19.5h9.686c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.31-1.311c.328-.642.328-1.482.328-3.162V9.3c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.642-.327-1.482-.327-3.162-.327H7.157c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.31 1.311c-.328.642-.328 1.482-.328 3.162v5.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311c.642.327 1.482.327 3.162.327'
+      ></path>
+    </svg>
+  );
+};
+
+//IcBaselineWhatsapp
+const Whatsapp = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='#80beb7'
+        d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'
+      ></path>
+    </svg>
+  );
+};
+
+//IcBaselineTelegram
+const Telegram = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='#80beb7'
+        d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19c-.14.75-.42 1-.68 1.03c-.58.05-1.02-.38-1.58-.75c-.88-.58-1.38-.94-2.23-1.5c-.99-.65-.35-1.01.22-1.59c.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02c-.09.02-1.49.95-4.22 2.79c-.4.27-.76.41-1.08.4c-.36-.01-1.04-.2-1.55-.37c-.63-.2-1.12-.31-1.08-.66c.02-.18.27-.36.74-.55c2.92-1.27 4.86-2.11 5.83-2.51c2.78-1.16 3.35-1.36 3.73-1.36c.08 0 .27.02.39.12c.1.08.13.19.14.27c-.01.06.01.24 0 .38'
+      ></path>
+    </svg>
+  );
+};
+
+// CiPhone
+const Phone = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='none'
+        stroke='#80beb7'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M9.502 4.257A2 2 0 0 0 7.646 3H4.895A1.895 1.895 0 0 0 3 4.895C3 13.789 10.21 21 19.106 21A1.895 1.895 0 0 0 21 19.105v-2.751a2 2 0 0 0-1.257-1.857l-2.636-1.054a2 2 0 0 0-2.023.32l-.68.568a2 2 0 0 1-2.696-.122L9.792 12.29a2 2 0 0 1-.123-2.694l.567-.68a2 2 0 0 0 .322-2.024z'
+      ></path>
+    </svg>
+  );
+};
+
+//HugeiconsVk
+const Vk = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='none'
+        stroke='#80beb7'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        d='M14 10.749V7.053c0-.833-.151-1-.98-1L10.67 6c-.732 0-1.098 0-1.246.237s.016.562.343 1.21c.182.36.28.621.28 1.025v2.66c0 .84 0 1.261-.32 1.386c-.32.124-.585-.158-1.117-.722c-1.3-1.384-1.978-3.112-2.423-4.996c-.092-.39-.138-.585-.276-.693S5.576 6 5.184 6h-2.2c-.482 0-.723 0-.874.17c-.15.171-.121.389-.063.824c.528 3.927 3.981 10.366 10.36 10.98c1.13.108 1.593-.197 1.593-1.435c0-.702-.015-1.836.868-1.985c.463-.078.774.087 1.291.52c.896.752 1.366 1.67 1.693 2.367c.217.462.378.559.888.559h2.074c1.048 0 1.333-.256.866-1.24a9 9 0 0 0-2.196-2.893c-.636-.547-.953-.82-.97-1.022c-.019-.201.214-.486.68-1.056c.9-1.102 2.126-2.831 2.698-4.666c.284-.91.017-1.123-.904-1.123h-1.863c-.903 0-.902-.031-1.115.993c-.346 1.661-1.478 3.258-2.542 4.345c-.505.516-.81.827-1.125.7S14 11.524 14 10.748'
+        color='#19bb3f'
+      ></path>
+    </svg>
+  );
+};
+
+//MdiYoutube
+const Youtube = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='#80beb7'
+        d='m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73'
+      ></path>
+    </svg>
+  );
+};
+
+//WeuiArrowFilled
+const MenuArrow = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={12}
+      height={24}
+      viewBox='0 0 12 24'
+      {...props}
+    >
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M10.157 12.711L4.5 18.368l-1.414-1.414l4.95-4.95l-4.95-4.95L4.5 5.64l5.657 5.657a1 1 0 0 1 0 1.414'
+      ></path>
+    </svg>
+  );
+};
+
+//MagePhoneFill
+const BtnPhone = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={24}
+    height={24}
+    viewBox='0 0 24 24'
+    {...props}
+  >
+    <path
+      fill='currentColor'
+      d='M21.963 18.855a2.74 2.74 0 0 1-.898 1.47a5.36 5.36 0 0 1-3.848 1.602h-.358a11.4 11.4 0 0 1-4.287-1.082c-.326-.153-.643-.296-1.02-.47A19.8 19.8 0 0 1 7.253 17.1a18.6 18.6 0 0 1-4.012-5.451A11.9 11.9 0 0 1 2.15 8.106a6.5 6.5 0 0 1 .418-3.808a7 7 0 0 1 1.174-1.48a2.3 2.3 0 0 1 1.634-.745a2.54 2.54 0 0 1 1.725.95c.47.52 1.02 1.02 1.52 1.55l.644.634c.38.333.615.802.653 1.306c.001.464-.17.911-.48 1.256a9 9 0 0 1-.622.694l-.215.225a1.15 1.15 0 0 0-.286.418c-.052.154-.07.318-.05.48c.164.444.421.848.755 1.184c.52.704 1.02 1.317 1.582 2.042a13.3 13.3 0 0 0 3.4 2.807c.123.1.27.167.428.194c.14.021.281 0 .408-.062a3.5 3.5 0 0 0 1.021-.826c.36-.444.882-.726 1.45-.787a2.04 2.04 0 0 1 1.46.623q.35.302.663.643l.306.327l.317.306c.193.194.377.368.56.572q.5.43.93.929c.293.374.441.842.418 1.317'
+    ></path>
+  </svg>
+);
+
+//HealthiconsHomeOutline
+const Home = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={200}
+    height={200}
+    viewBox='0 0 48 48'
+    {...props}
+  >
+    <g fill='currentColor'>
+      <path d='M24.507 10.138a1 1 0 0 0-1.014 0L5.631 20.645l1.014 1.724L24 12.16l17.355 10.21l1.014-1.724L36 16.9V12a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v1.957zM14 25h11v6H14z'></path>
+      <path
+        fillRule='evenodd'
+        d='m24 14l-14 8v14H5a1 1 0 1 0 0 2h36a1 1 0 1 0 0-2h-3V22zm0 2.303l-12 6.858V36h16V25h6v11h2V23.16z'
+        clipRule='evenodd'
+      ></path>
+    </g>
+  </svg>
+);
+
+// PhPhoneCall
+const ContactCall = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={96}
+    height={96}
+    viewBox='0 0 256 256'
+    {...props}
+  >
+    <path
+      fill='currentColor'
+      d='M144.27 45.93a8 8 0 0 1 9.8-5.66a86.22 86.22 0 0 1 61.66 61.66a8 8 0 0 1-5.66 9.8a8.2 8.2 0 0 1-2.07.27a8 8 0 0 1-7.73-5.94a70.35 70.35 0 0 0-50.33-50.33a8 8 0 0 1-5.67-9.8m-2.33 41.8c13.79 3.68 22.65 12.54 26.33 26.33A8 8 0 0 0 176 120a8.2 8.2 0 0 0 2.07-.27a8 8 0 0 0 5.66-9.8c-5.12-19.16-18.5-32.54-37.66-37.66a8 8 0 1 0-4.13 15.46m81.94 95.35A56.26 56.26 0 0 1 168 232C88.6 232 24 167.4 24 88a56.26 56.26 0 0 1 48.92-55.88a16 16 0 0 1 16.62 9.52l21.12 47.15v.12a16 16 0 0 1-1.27 15.09c-.18.27-.37.52-.57.77L88 129.45c7.49 15.22 23.41 31 38.83 38.51l24.34-20.71a8 8 0 0 1 .75-.56a16 16 0 0 1 15.17-1.4l.13.06l47.11 21.11a16 16 0 0 1 9.55 16.62m-15.88-2h-.11l-47-21.05l-24.35 20.71a8 8 0 0 1-.74.56a16 16 0 0 1-15.75 1.14c-18.73-9.05-37.4-27.58-46.46-46.11a16 16 0 0 1 1-15.7a6 6 0 0 1 .57-.77L96 95.15l-21-47a.6.6 0 0 1 0-.12A40.2 40.2 0 0 0 40 88a128.14 128.14 0 0 0 128 128a40.21 40.21 0 0 0 40-34.93Z'
+    ></path>
+  </svg>
+);
+
+//StreamlineFastforwardClock
+const ContactTimer = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={96}
+    height={96}
+    viewBox='0 0 14 14'
+    {...props}
+  >
+    <g fill='none' stroke='currentColor' strokeLinecap='round' strokeWidth={1}>
+      <path strokeLinejoin='round' d='M7 3.5v4l2.6 1.3'></path>
+      <path d='M13.326 8.5a6.5 6.5 0 1 1-.558-4.5'></path>
+      <path strokeLinejoin='round' d='M13.5 2v2.5H11'></path>
+    </g>
+  </svg>
+);
+
+//RiWhatsappLine
+const ContactWhatsapp = (props: SVGIcon) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={96}
+      height={96}
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='currentColor'
+        d='m7.254 18.494l.724.423A7.95 7.95 0 0 0 12.001 20a8 8 0 1 0-8-8a7.95 7.95 0 0 0 1.084 4.024l.422.724l-.653 2.401zM2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355zM8.392 7.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447 1.015.868 2.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86 1.02 1.268c.12.116.237.235.363.346c.468.413.998.75 1.57 1l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35 0 0 0 .295-.142c.723-.876.79-.933.795-.933v.002a.48.48 0 0 1 .378-.127q.092.004.177.04c.531.243 1.4.622 1.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2 1.2 0 0 1-.21.302a2.4 2.4 0 0 1-.33.288q-.124.092-.125.09a5 5 0 0 1-.383.22a2 2 0 0 1-.833.23c-.185.01-.37.024-.556.014c-.008 0-.568-.087-.568-.087a9.45 9.45 0 0 1-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5 3.5 0 0 1-.33-1.413a2.73 2.73 0 0 1 .565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1 1 0 0 1 .371-.1'
+      ></path>
+    </svg>
+  );
+};
+
+//Fa6BrandsCloudscale
+const CloudScale = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={84}
+    height={96}
+    viewBox='0 0 448 512'
+    {...props}
+  >
+    <path
+      fill='currentColor'
+      d='m318.1 154l-9.4 7.6c-22.5-19.3-51.5-33.6-83.3-33.6C153.8 128 96 188.8 96 260.3c0 6.6.4 13.1 1.4 19.4c-2-56 41.8-97.4 92.6-97.4c24.2 0 46.2 9.4 62.6 24.7l-25.2 20.4c-8.3-.9-16.8 1.8-23.1 8.1c-11.1 11-11.1 28.9 0 40c11.1 11 28.9 11 40 0c6.3-6.3 9-14.9 8.1-23.1l75.2-88.8c6.3-6.5-3.3-15.9-9.5-9.6m-83.8 111.5c-5.6 5.5-14.6 5.5-20.2 0c-5.6-5.6-5.6-14.6 0-20.2s14.6-5.6 20.2 0s5.6 14.7 0 20.2M224 32C100.5 32 0 132.5 0 256s100.5 224 224 224s224-100.5 224-224S347.5 32 224 32m0 384c-88.2 0-160-71.8-160-160S135.8 96 224 96s160 71.8 160 160s-71.8 160-160 160'
+    ></path>
+  </svg>
+);
+
+//FaSolidMailBulk
+const MailBulk = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={108}
+    height={96}
+    viewBox='0 0 576 512'
+    {...props}
+  >
+    <path
+      fill='currentColor'
+      d='M160 448c-25.6 0-51.2-22.4-64-32c-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4c-12.8 9.6-38.4 32-64 32m128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4c9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32m256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32m-32 128h-64v-64h64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96z'
+    ></path>
+  </svg>
+);
+
+//LaWeixin
+const Consultation = (props: SVGIcon) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={96}
+    height={96}
+    viewBox='0 0 32 32'
+    {...props}
+  >
+    <path
+      fill='currentColor'
+      d='M14 5C8.578 5 4 8.71 4 13.5c0 1.617.594 3.102 1.5 4.375l-.375 2.906l-.219 1.75l1.594-.687L9 20.812a11.4 11.4 0 0 0 4.156 1.125C13.886 24.892 16.976 27 20.5 27c1.453 0 2.781-.41 3.938-1.031l1.187.687l1.719.938l-.25-1.938l-.219-1.812C27.539 22.89 28 21.8 28 20.594c0-2.559-1.707-4.703-4.125-5.75c.086-.438.125-.875.125-1.344C24 8.71 19.422 5 14 5m0 2c4.52 0 8 3.008 8 6.5q0 .4-.063.781a8.3 8.3 0 0 0-1.437-.125c-3.8 0-7.09 2.461-7.469 5.781c-1.32-.132-2.531-.511-3.562-1.093l-.438-.219l-.437.188l-1.281.53l.218-1.53l.032-.438l-.25-.313C6.473 16.023 6 14.806 6 13.5C6 10.008 9.48 7 14 7m-3.438 2.156c-.777 0-1.406.63-1.406 1.406c0 .778.63 1.438 1.406 1.438c.778 0 1.407-.66 1.407-1.438s-.63-1.406-1.406-1.406zm6.688 0c-.777 0-1.438.63-1.438 1.406c0 .778.66 1.438 1.438 1.438s1.406-.66 1.406-1.438s-.629-1.406-1.406-1.406m3.25 7c3.14 0 5.5 2.094 5.5 4.438c0 .886-.32 1.691-.906 2.406l-.282.344l.063.406l.031.188l-.468-.25l-.5.343c-.934.606-2.125.969-3.438.969c-3.14 0-5.5-2.063-5.5-4.406c0-2.344 2.36-4.438 5.5-4.438M18 17.438c-.59 0-1.094.472-1.094 1.062s.504 1.063 1.094 1.063c.586 0 1.063-.473 1.063-1.063S18.59 17.437 18 17.437zm5.031 0a1.06 1.06 0 0 0-1.062 1.062c0 .59.472 1.063 1.062 1.063s1.063-.473 1.063-1.063s-.473-1.063-1.063-1.063z'
+    ></path>
+  </svg>
+);
+
+//RiMapPinLine
+const MapOutline = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={96}
+    height={96}
+    viewBox='0 0 24 24'
+    {...props}
+  >
+    <path
+      fill='currentColor'
+      d='m12 20.9l4.95-4.95a7 7 0 1 0-9.9 0zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0zM12 13a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'
+    ></path>
+  </svg>
+);
+
+export {
+  Map,
+  Envelope,
+  Whatsapp,
+  Telegram,
+  Phone,
+  Vk,
+  Youtube,
+  MenuArrow,
+  BtnPhone,
+  Home,
+  ContactCall,
+  ContactTimer,
+  ContactWhatsapp,
+  CloudScale,
+  MailBulk,
+  Consultation,
+  MapOutline,
+};
diff --git a/src/shared/ui/icon/service-grid.tsx b/src/shared/ui/icon/service-grid.tsx
new file mode 100644
index 0000000..22f2449
--- /dev/null
+++ b/src/shared/ui/icon/service-grid.tsx
@@ -0,0 +1,1214 @@
+import type { SVGProps } from 'react';
+type SVGIcon = SVGProps<SVGSVGElement>;
+
+// Expertise
+const GridBook = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    viewBox='0 0 512 512'
+    enable-background='new 0 0 512 512'
+  >
+    <g>
+      <g>
+        <path d='m69,117.2c49.9-13.6 89.5-13.6 139.4,0l5.2-20.9c-54.1-14.6-97.8-14.6-150.9,0l6.3,20.9z' />
+        <path d='m63.8,171.5l5.2,19.8c49.9-13.6 89.5-13.6 139.4,0l6.2-19.8c-54-14.6-97.7-14.6-150.8,0z' />
+        <path d='m63.8,245.5l5.2,19.8c49.9-13.6 89.5-13.6 139.4,0l6.2-19.8c-54-14.6-97.7-14.6-150.8,0z' />
+        <path d='m62.8,319.5l6.2,19.8c49.9-13.6 89.5-13.6 139.4,0l5.2-19.8c-54-14.6-97.7-14.6-150.8,0z' />
+        <path d='m296.9,96.4l6.2,20.9c49.9-13.6 89.5-13.6 139.4,0l5.2-20.9c-54.1-14.6-97.8-14.6-150.8,0z' />
+        <path d='m296.9,170.4l5.2,20.9c51-13.6 89.5-13.6 140.4,0l5.2-20.9c-54.1-14.6-97.8-14.6-150.8,0z' />
+        <path d='m296.9,244.4l6.2,20.9c49.9-13.6 89.5-13.6 139.4,0l5.2-20.9c-54.1-14.6-97.8-14.6-150.8,0z' />
+        <path d='m493.5,38c-48.9-17.7-85.3-25-120.7-25-34.5,0-70,6.9-117,23.7-47.1-16.8-82.6-23.7-117-23.7-35.4,0-71.8,7.3-120.7,25-4.2,1-7.3,5.2-7.3,9.4v371.1c0,9.9 10.4,10.4 13.5,9.4 45.8-16.7 80.1-24 113.4-24s66.6,7.3 113.4,24c3.2,0.8 5.6,0.5 7.4-0.2 11.5-4.1 31.7-10.7 45-14.8 3.1,5 6.8,9.7 11.1,14 27.9,27.9 71.5,30.3 102.1,7.2l64.8,64.9 14.7-14.7-64.7-64.9c2-2.6 3.8-5.2 5.4-8 15.7,4.7 36.4,11.6 50.4,16.5 3.1,1 13.5,1 13.5-9.4v-371.1c0-4.2-3.1-8.4-7.3-9.4zm-248.6,365.9c-42.7-14.6-74.9-20.9-107.2-20.9s-65.5,6.3-107.2,20.9v-349.2c42.7-15.7 75-21.9 107.2-21.9s64.5,6.3 107.2,21.9v349.2zm84.4,8.3c-22.3-22.4-22.3-58.7 0-81.1 22.3-22.4 58.6-22.4 80.9,0 22.3,22.4 22.3,58.7 0,81.1-22.4,22.4-58.6,22.4-80.9-5.68434e-14zm150.7-8.3c-8.7-2.9-24.1-7.6-35.2-11 7.4-26.4 0.8-55.9-19.9-76.6-30.5-30.5-79.9-30.5-110.3,0-21.1,21.1-27.6,51.3-19.5,78-8.7,2.8-21.6,6.9-30.4,9.7v-349c44-17.1 78.2-22.3 109.2-22.3 31.2,0 63.5,6.3 106.1,21.9v349.3z' />
+      </g>
+    </g>
+  </svg>
+);
+
+const GridBox = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    viewBox='0 0 511.997 511.997'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <path
+          d='M479.569,124.787L260.256,1.118c-2.643-1.491-5.873-1.491-8.514,0L32.43,124.787c-2.725,1.536-4.41,4.422-4.41,7.549
+			v247.326c0,3.128,1.686,6.014,4.41,7.55l23.451,13.222l-12.065,12.068c-5.4,5.399-8.375,12.58-8.378,20.216
+			c-0.002,7.641,2.972,14.826,8.376,20.229c5.576,5.576,12.897,8.364,20.222,8.362c7.322,0,14.648-2.789,20.222-8.362l23.352-23.348
+			l144.133,81.281c1.321,0.745,2.789,1.118,4.258,1.118c1.469,0,2.937-0.372,4.258-1.118l148.753-83.881
+			c4.17-2.351,5.644-7.637,3.294-11.808c-2.351-4.17-7.638-5.644-11.808-3.293L264.67,488.491v-79.945
+			c0-4.787-3.88-8.668-8.668-8.668c-4.788,0-8.668,3.881-8.668,8.668v79.945l-126.997-71.616l37.284-37.279
+			c18.465,11.041,39.333,16.569,60.205,16.569c30.034,0,60.067-11.432,82.932-34.297c45.727-45.728,45.727-120.134,0-165.862
+			c-45.73-45.729-120.134-45.729-165.864,0c-22.151,22.152-34.351,51.604-34.351,82.931c0,21.554,5.776,42.22,16.594,60.233
+			l-48.53,48.538l-23.251-13.11V147.172l77.002,43.412c4.17,2.349,9.456,0.876,11.807-3.294c2.351-4.17,0.877-9.456-3.294-11.806
+			l-76.538-43.148L256,18.619l201.665,113.718l-127.916,72.128c-4.17,2.352-5.644,7.638-3.294,11.808
+			c1.593,2.824,4.531,4.412,7.558,4.412c1.441,0,2.904-0.361,4.249-1.119l128.38-72.391V374.6l-32.429,18.287
+			c-4.17,2.351-5.644,7.637-3.294,11.808c1.593,2.823,4.531,4.411,7.558,4.411c1.442,0,2.904-0.361,4.249-1.12l36.839-20.774
+			c2.725-1.536,4.41-4.422,4.41-7.55V132.336C483.979,129.209,482.294,126.323,479.569,124.787z M147.15,208.265
+			c19.486-19.487,45.076-29.227,70.673-29.227c25.592,0,51.192,9.745,70.673,29.227c38.969,38.969,38.969,102.378,0,141.347
+			c-38.968,38.969-102.379,38.969-141.347,0c-18.878-18.877-29.274-43.977-29.274-70.673S128.272,227.143,147.15,208.265z
+			 M127.3,353.518c2.383,2.886,4.913,5.672,7.592,8.351c2.688,2.688,5.48,5.213,8.354,7.585l-71.245,71.235
+			c-4.392,4.392-11.537,4.393-15.929,0c-2.129-2.129-3.299-4.958-3.299-7.967c0.001-3.008,1.173-5.836,3.299-7.964L127.3,353.518z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M278.261,218.503c-33.325-33.325-87.549-33.325-120.874,0c-3.385,3.385-3.385,8.873,0,12.257
+			c3.386,3.385,8.873,3.385,12.258,0c12.868-12.868,29.978-19.956,48.178-19.956c18.2,0,35.311,7.088,48.178,19.956
+			c12.87,12.868,19.957,29.978,19.957,48.178s-7.088,35.309-19.957,48.179c-13.283,13.284-30.728,19.926-48.178,19.924
+			c-17.446-0.001-34.897-6.643-48.178-19.924c-19.408-19.408-25.284-48.385-14.968-73.822c1.799-4.435-0.339-9.49-4.775-11.29
+			c-4.434-1.801-9.492,0.339-11.29,4.775c-12.938,31.906-5.568,68.252,18.774,92.595c16.664,16.662,38.551,24.993,60.438,24.993
+			c21.886,0,43.775-8.33,60.437-24.993c16.143-16.144,25.033-37.607,25.033-60.436S294.404,234.645,278.261,218.503z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M217.824,228.193c-4.788,0-8.668,3.881-8.668,8.668s3.88,8.668,8.668,8.668c18.423,0,33.411,14.988,33.411,33.411
+			c0,4.787,3.88,8.668,8.668,8.668c4.788,0,8.668-3.881,8.668-8.668C268.57,250.958,245.805,228.193,217.824,228.193z'
+        />
+      </g>
+    </g>
+  </svg>
+);
+
+const GridCar = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    width='800px'
+    height='800px'
+    viewBox='0 -9.81 122.88 122.88'
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        className='st0'
+        d='M117.95,42.04v61.22h-14.31V93.8h-84.4v9.46l-14.31,0V42.04H0v-9.41h12.04l6.71-20.88 C20.73,5.59,24.03,0,30.49,0h64.39c6.46,0,10.18,5.48,11.74,11.74l5.19,20.88h11.06v9.41H117.95L117.95,42.04L117.95,42.04z M40.01,74.91h42.27v9.97l-42.27,0V74.91L40.01,74.91L40.01,74.91z M9.72,51.69c10.77,0.34,17.36,4.85,19.05,14.26H9.72V51.69 L9.72,51.69z M111.8,51.69c-10.77,0.34-17.36,4.85-19.05,14.26h19.05V51.69L111.8,51.69z M17.18,32.62h88.52l-3.79-17.51 c-1.04-4.8-4.03-8.95-8.95-8.95H31.74c-4.92,0-7.44,4.26-8.95,8.95L17.18,32.62L17.18,32.62L17.18,32.62z'
+      />
+    </g>
+  </svg>
+);
+
+const GridComputer = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    version='1.1'
+    id='Capa_1'
+    xmlns='http://www.w3.org/2000/svg'
+    width='800px'
+    height='800px'
+    viewBox='0 0 388.2 388.201'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <g>
+          <path
+            d='M381.299,209.457c-0.578-2.01-1.785-3.783-3.442-5.062c-14.076-10.851-28.529-16.818-42.853-18.164
+				c0,0-1.908-0.307-6.504-0.307c-4.598,0-6.941,0.299-6.941,0.299c-13.812,1.629-27.643,7.711-41.215,18.172
+				c-1.658,1.277-2.864,3.053-3.442,5.062c-6.662,23.091-8.439,45.242-5.597,69.711c2.513,21.63,8.472,43.341,15.425,67.442
+				c0.579,2.011,1.786,3.785,3.442,5.062c10.658,8.217,24.482,12.739,38.926,12.739c14.444,0,28.271-4.522,38.929-12.737
+				c1.657-1.277,2.864-3.054,3.444-5.063c6.953-24.104,12.912-45.812,15.425-67.441
+				C389.738,254.699,387.961,232.546,381.299,209.457z M337.701,249.556c0,4.751-3.853,8.602-8.603,8.602s-8.6-3.851-8.6-8.602
+				v-35.875c0-4.75,3.85-8.603,8.6-8.603s8.603,3.853,8.603,8.603V249.556z'
+          />
+          <path
+            d='M263.645,341.357h-15.51l-12.8-43.521h26.126c-0.816-4.665-1.514-9.327-2.059-14.008
+				c-1.648-14.195-1.847-27.68-0.576-40.992H30V50.857h310v123.237c10.1,1.013,20.131,3.962,30,8.795V35.857c0-8.284-6.717-15-15-15
+				H15c-8.284,0-15,6.716-15,15v246.979c0,8.285,6.716,15,15,15h119.664l-12.799,43.521h-15.508c-3.938,0-7.131,3.192-7.131,7.13
+				v11.726c0,3.938,3.193,7.131,7.131,7.131h157.288c3.938,0,7.13-3.192,7.13-7.131v-11.726
+				C270.773,344.549,267.582,341.357,263.645,341.357z'
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+const GridDocument = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    width='800px'
+    height='800px'
+    viewBox='0 0 1920 1920'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <path
+      d='M1706.235 1807.059H350.941V112.94h903.53v451.765h451.764v1242.353Zm-338.823-1670.74 315.443 315.447h-315.443V136.32Zm402.182 242.487L1440.372 49.58C1408.296 17.62 1365.717 0 1320.542 0H238v1920h1581.175V498.635c0-45.176-17.618-87.755-49.58-119.83ZM576.823 1242.353h790.589v-112.94H576.823v112.94Zm0-451.765h903.53V677.647h-903.53v112.941Zm0 677.647h451.765v-112.941H576.823v112.941Zm0-451.764h677.648V903.53H576.823v112.941Zm0-451.765h451.765V451.765H576.823v112.941Z'
+      fill-rule='evenodd'
+    />
+  </svg>
+);
+
+const GridMap = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    version='1.0'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    width='800px'
+    height='800px'
+    viewBox='0 0 64 64'
+    enable-background='new 0 0 64 64'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        fill='#231F20'
+        d='M62.364,0.773c-0.694-0.509-1.526-0.772-2.366-0.772c-0.403,0-0.809,0.061-1.202,0.185l-9.276,2.93
+		c0.102,0.175,0.183,0.386,0.234,0.649c0.286,1.477-0.732,2.198-1.188,3.606c0.456,1.195,0.159,2.094,0.785,3.078
+		c0.584,0.893,1.581,0.5,1.995,1.545c0.637,1.586-0.393,3.215-1.592,4.108c-0.388,0.284-0.748,0.38-1.108,0.38
+		c-0.641,0-1.279-0.301-2.07-0.38c-2.212-0.213-3.385-0.97-5.555-1.546c-2.187-0.563-3.505-1.598-5.509-1.598
+		c-0.268,0-0.547,0.019-0.843,0.059c-1.607,0.233-3.03-0.151-3.975,1.539c-0.901,1.635-0.949,3.558,0,5.152
+		c0.817,1.345,1.889,1.174,3.179,1.532c0.56,0.154,1.05,0.206,1.517,0.206c0.947,0,1.794-0.213,2.901-0.213
+		c0.113,0,0.229,0.002,0.347,0.007c0.22,0.009,0.43,0.013,0.634,0.013c0.752,0,1.409-0.048,2.053-0.048
+		c0.907,0,1.787,0.095,2.869,0.55c1.321,0.55,1.836,1.601,3.178,2.061c0.495,0.169,0.945,0.233,1.372,0.233
+		c1.383,0,2.528-0.682,4.194-0.756c1.013-0.036,1.851-0.505,2.675-0.504c0.428,0,0.852,0.126,1.294,0.504
+		c1.146,1.004,0.541,2.926,1.581,4.114c0.881,1.024,1.613,1.312,2.78,1.546c0.528,0.101,1.002,0.196,1.451,0.196
+		c0.442,0,0.86-0.095,1.281-0.367V4C64,2.726,63.393,1.527,62.364,0.773z'
+      />
+      <path
+        fill='#231F20'
+        d='M46.773,14.112c0.515,0.052,0.955,0.162,1.309,0.252c0.166,0.042,0.384,0.097,0.505,0.113
+		c0.448-0.344,0.963-0.978,0.948-1.507c-0.477-0.184-1.27-0.527-1.872-1.448c-0.596-0.938-0.7-1.829-0.776-2.479
+		c-0.044-0.372-0.078-0.666-0.189-0.959c-0.163-0.426-0.175-0.896-0.034-1.329c0.223-0.688,0.527-1.231,0.772-1.667
+		c0.29-0.516,0.367-0.684,0.368-0.826c-0.127-0.028-0.285-0.059-0.415-0.082c-0.218-0.041-0.472-0.094-0.736-0.159L43,5.174v7.9
+		c0.274,0.094,0.548,0.188,0.794,0.275C44.813,13.714,45.619,14.001,46.773,14.112z'
+      />
+      <path
+        fill='#231F20'
+        d='M0,11v6.054c0.659,0.069,1.257,0.104,1.86,0.104c0.646,0,1.271-0.035,2.062-0.078l0.807-0.044
+		c0.425-0.023,0.847-0.168,1.335-0.335c0.661-0.228,1.412-0.484,2.314-0.484c0.725,0,1.437,0.173,2.098,0.504
+		c1.245,0.607,1.876,1.559,2.383,2.322c0.274,0.413,0.511,0.77,0.811,1.021c0.709,0.595,1.312,0.808,2.148,1.102
+		c0.826,0.292,1.763,0.622,2.845,1.348c0.894,0.601,1.636,1.149,2.338,1.737V0.475L2.617,7.247C1.045,7.826,0,9.324,0,11z'
+      />
+      <path
+        fill='#231F20'
+        d='M39.271,23.254c-0.229,0-0.467-0.004-0.716-0.015c-0.09-0.003-0.179-0.005-0.265-0.005
+		c-0.462,0-0.888,0.049-1.339,0.1c-0.488,0.056-0.993,0.113-1.562,0.113c-0.7,0-1.371-0.091-2.052-0.279
+		c-0.225-0.062-0.464-0.107-0.717-0.154c-1.016-0.191-2.55-0.479-3.646-2.281c-1.29-2.169-1.303-4.838-0.027-7.151
+		c1.267-2.267,3.243-2.387,4.551-2.466c0.312-0.019,0.605-0.037,0.898-0.079c0.375-0.052,0.75-0.077,1.114-0.077
+		c1.619,0,2.844,0.492,4.026,0.968c0.482,0.193,0.958,0.37,1.462,0.53V5.784L24.265,0.205C23.854,0.068,23.428,0,23,0v26.147
+		c0.383,0.402,0.779,0.836,1.213,1.329c0.519,0.591,0.866,1.182,1.146,1.657c0.334,0.567,0.521,0.873,0.81,1.06
+		c0.04,0.025,0.059,0.031,0.078,0.032c0.153,0,0.454-0.089,0.745-0.176c0.528-0.157,1.188-0.354,1.961-0.354
+		c0.571,0,1.128,0.109,1.669,0.33l0.347,0.143c1.569,0.643,3.521,1.443,4.364,4.208c0.527,1.7,0.525,3.133-0.001,4.777
+		c-0.387,1.233-1.182,1.86-1.657,2.234c-0.111,0.089-0.265,0.209-0.295,0.249l-0.017,0.052c-0.024,0.084,0.025,0.346,0.07,0.576
+		c0.123,0.635,0.309,1.595-0.14,2.712c-0.764,1.856-2.263,2.798-4.456,2.798c-0.229,0-0.461-0.009-0.689-0.023
+		c-1.413-0.083-2.312-0.787-2.968-1.302c-0.241-0.189-0.47-0.368-0.71-0.51c-0.576-0.34-1.048-0.718-1.47-1.091v13.345l17.796,5.62
+		c0.067,0.021,0.137,0.03,0.204,0.048V23.214c-0.183,0.004-0.362,0.007-0.552,0.014C40.075,23.24,39.688,23.254,39.271,23.254z'
+      />
+      <path
+        fill='#231F20'
+        d='M20.09,43.093c-0.058-0.004-0.114-0.009-0.17-0.012c-0.002,0.063-0.004,0.127-0.006,0.181
+		c-0.022,0.691-0.055,1.735-0.769,2.666c-0.82,1.09-1.949,1.666-3.265,1.666c-0.718,0-1.395-0.167-1.991-0.314l-0.363-0.088
+		c-1.226-0.279-1.983-1.005-2.537-1.534c-0.263-0.252-0.512-0.49-0.659-0.526c-0.365-0.088-0.682-0.164-0.861-0.164
+		c-0.043,0-0.122,0-0.3,0.072c-0.45,0.184-0.708,0.805-1.19,2.18c-0.151,0.434-0.31,0.884-0.489,1.333
+		c-0.162,0.41-0.198,0.939-0.235,1.5c-0.075,1.11-0.177,2.632-1.433,3.827C4.926,54.734,3.91,55.15,2.719,55.15
+		c-0.613,0-1.186-0.109-1.739-0.215l-0.104-0.021C0.57,54.854,0.281,54.782,0,54.7V60c0,1.274,0.607,2.473,1.636,3.227
+		C2.33,63.735,3.16,64,4,64c0.404,0,0.811-0.062,1.204-0.186L21,58.826V43.193c-0.111-0.041-0.222-0.063-0.34-0.068
+		C20.462,43.119,20.272,43.106,20.09,43.093z'
+      />
+      <path
+        fill='#231F20'
+        d='M54.77,41.25c-0.93-0.286-1.528-0.468-2.054-0.19c0.165,0.238,0.497,0.591,0.735,0.843
+		c0.9,0.954,2.132,2.26,1.539,3.812c-0.413,1.104-1.393,1.496-2.107,1.782c-0.679,0.271-0.833,0.373-0.87,0.572
+		c-0.038,0.209,0.021,0.279,0.055,0.32c0.193,0.231,0.798,0.464,1.717,0.464c1.042,0,2.11-0.295,2.721-0.751
+		c1.052-0.807,1.4-1.912,1.118-3.578C57.345,42.836,56.411,41.767,54.77,41.25z'
+      />
+      <path
+        fill='#231F20'
+        d='M60.979,30.936l-0.104-0.021c-1.498-0.3-2.675-0.772-3.893-2.189c-0.879-1.005-1.068-2.183-1.207-3.042
+		c-0.048-0.301-0.12-0.751-0.198-0.893c-0.146,0.012-0.427,0.09-0.676,0.158c-0.509,0.141-1.142,0.316-1.875,0.343
+		c-0.615,0.027-1.179,0.179-1.775,0.34c-0.728,0.196-1.553,0.418-2.508,0.418c-0.685,0-1.344-0.111-2.021-0.342
+		c-1.055-0.361-1.744-0.943-2.298-1.41c-0.379-0.32-0.653-0.551-1.007-0.698c-0.146-0.062-0.282-0.106-0.418-0.15V63.86
+		c0.088-0.023,0.178-0.036,0.265-0.065l18-6C62.898,57.25,64,55.722,64,54V30.948c-0.406,0.122-0.827,0.202-1.281,0.202
+		C62.105,31.15,61.533,31.041,60.979,30.936z M57.712,49.697c-0.973,0.727-2.438,1.156-3.928,1.156c-1.462,0-2.616-0.42-3.253-1.183
+		c-0.453-0.544-0.621-1.222-0.485-1.96c0.241-1.33,1.356-1.775,2.094-2.071c0.594-0.237,0.884-0.377,0.979-0.633
+		c0.147-0.386-0.616-1.195-1.122-1.731c-0.758-0.803-1.473-1.561-1.361-2.525c0.042-0.357,0.225-0.872,0.856-1.289
+		c0.562-0.366,1.151-0.543,1.804-0.543c0.691,0,1.332,0.196,2.01,0.404c2.427,0.763,3.889,2.44,4.29,4.872
+		C59.999,46.577,59.365,48.43,57.712,49.697z'
+      />
+      <path
+        fill='#231F20'
+        d='M12.384,21.596c-1.199-1.004-1.448-2.425-2.785-3.077c-0.437-0.219-0.837-0.302-1.221-0.302
+		c-1.145,0-2.145,0.739-3.539,0.816c-1.177,0.06-2.053,0.125-2.979,0.125c-0.572,0-1.169-0.027-1.86-0.094v33.519
+		c0.376,0.165,0.783,0.274,1.268,0.371c0.528,0.101,1.002,0.196,1.451,0.196c0.596,0,1.146-0.169,1.722-0.718
+		c1.184-1.127,0.521-2.926,1.188-4.616c0.817-2.041,1.099-3.943,2.786-4.63c0.393-0.158,0.725-0.22,1.054-0.22
+		c0.413,0,0.82,0.098,1.329,0.22c1.357,0.33,1.809,1.744,3.173,2.055c0.679,0.159,1.318,0.353,1.91,0.353
+		c0.609,0,1.168-0.206,1.666-0.868c0.685-0.893,0.037-2.268,0.79-3.078c0.437-0.475,0.872-0.576,1.357-0.576
+		c0.315,0,0.653,0.044,1.025,0.055c0.101,0.004,0.186,0.03,0.28,0.043v-14.21c-1.035-1.028-2.025-1.827-3.453-2.786
+		C15.631,22.888,14.193,23.113,12.384,21.596z'
+      />
+      <path
+        fill='#231F20'
+        d='M28.265,45.756c0.193,0.012,0.385,0.02,0.572,0.02c1.098,0,2.076-0.269,2.606-1.559
+		c0.43-1.072-0.335-1.951,0-3.091c0.376-1.333,1.57-1.265,1.979-2.569c0.414-1.291,0.403-2.287,0-3.587
+		c-0.615-2.02-1.974-2.432-3.57-3.098c-0.312-0.127-0.61-0.176-0.899-0.176c-0.952,0-1.805,0.529-2.706,0.529
+		c-0.376,0-0.761-0.092-1.165-0.354C24.04,31.198,23.747,30.17,23,29.161v12.98c0.759,0.649,1.463,1.474,2.484,2.075
+		C26.557,44.849,27.087,45.687,28.265,45.756z'
+      />
+    </g>
+  </svg>
+);
+
+const GridRoute = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 512 512'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <path
+          d='M183.329,83.802c-10.835-49.753-53.072-72.024-90.125-72.024c-0.003,0,0.001,0-0.001,0
+			c-37.051,0-79.292,22.273-90.126,72.025C1.034,93.177,0,102.831,0,112.499c0,56.99,36.124,107.932,89.89,126.765
+			c1.072,0.376,2.192,0.563,3.313,0.563s2.241-0.188,3.313-0.564c53.765-18.832,89.89-69.775,89.89-126.765
+			C186.405,102.83,185.371,93.175,183.329,83.802z M93.203,219.126C49.3,202.212,20.044,159.804,20.044,112.499
+			c0-8.237,0.881-16.456,2.616-24.43c9.043-41.516,43.653-56.246,70.543-56.246c26.89,0,61.499,14.73,70.54,56.245
+			c1.736,7.974,2.616,16.193,2.616,24.43C166.361,159.803,137.105,202.21,93.203,219.126z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M93.203,59.717c-25.419,0-46.101,20.682-46.101,46.101s20.682,46.101,46.101,46.101c25.419,0,46.101-20.681,46.101-46.101
+			C139.303,80.398,118.622,59.717,93.203,59.717z M93.203,131.874c-14.368,0-26.056-11.689-26.056-26.056
+			c0-14.368,11.689-26.056,26.056-26.056c14.368,0,26.056,11.689,26.056,26.056C119.259,120.184,107.57,131.874,93.203,131.874z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M485.201,344.197c-10.835-49.754-53.072-72.025-90.125-72.025c-37.053,0-79.293,22.273-90.128,72.025
+			c-2.041,9.373-3.076,19.028-3.076,28.696c0,56.99,36.124,107.932,89.89,126.765c1.073,0.376,2.193,0.564,3.313,0.564
+			c1.12,0,2.241-0.188,3.313-0.564c12.882-4.511,24.977-10.959,35.948-19.164c4.432-3.314,5.34-9.595,2.026-14.028
+			c-3.315-4.432-9.595-5.34-14.028-2.024c-8.387,6.271-17.542,11.334-27.258,15.08c-43.904-16.916-73.158-59.323-73.158-106.628
+			c0-8.237,0.881-16.456,2.616-24.43c9.043-41.515,43.653-56.246,70.543-56.246s61.499,14.731,70.54,56.245
+			c1.736,7.974,2.616,16.195,2.616,24.431c0,24.174-7.455,47.273-21.558,66.801c-3.241,4.487-2.23,10.752,2.256,13.992
+			c4.486,3.239,10.753,2.232,13.994-2.257c16.586-22.966,25.354-50.123,25.354-78.537
+			C488.277,363.224,487.242,353.57,485.201,344.197z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M395.074,320.11c-25.419,0-46.099,20.682-46.099,46.101c0,25.42,20.68,46.101,46.099,46.101
+			c25.419,0,46.101-20.68,46.101-46.101C441.175,340.792,420.493,320.11,395.074,320.11z M395.074,392.267
+			c-14.367,0-26.055-11.689-26.055-26.056c0-14.367,11.689-26.056,26.055-26.056c14.368,0.001,26.056,11.69,26.056,26.056
+			C421.131,380.579,409.442,392.267,395.074,392.267z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M334.941,480.175H157.342c-29.841,0-54.117-24.276-54.117-54.117c0-29.841,24.276-54.117,54.117-54.117H281.5
+			c5.536,0,10.022-4.487,10.022-10.022c0-5.535-4.486-10.022-10.022-10.022H157.342c-40.893,0-74.162,33.268-74.162,74.162
+			c0,40.893,33.268,74.162,74.162,74.162h177.599c5.536,0,10.022-4.487,10.022-10.022
+			C344.963,484.663,340.477,480.175,334.941,480.175z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M437.84,219.782H277.435c-5.536,0-10.022,4.487-10.022,10.022c0,5.535,4.486,10.022,10.022,10.022H437.84
+			c29.839,0,54.116,24.276,54.116,54.117v3.836c0,6.401-1.104,12.661-3.281,18.608c-1.903,5.198,0.768,10.954,5.967,12.857
+			c1.137,0.417,2.3,0.613,3.444,0.613c4.088,0,7.927-2.519,9.413-6.58c2.987-8.161,4.502-16.74,4.502-25.498v-3.837
+			C512,253.051,478.733,219.782,437.84,219.782z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M244.027,219.782h-90.692c-5.536,0-10.022,4.487-10.022,10.022c0,5.535,4.486,10.022,10.022,10.022h90.692
+			c5.536,0,10.022-4.487,10.022-10.022C254.05,224.27,249.564,219.782,244.027,219.782z'
+        />
+      </g>
+    </g>
+  </svg>
+);
+
+const GridWall = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 314.759 314.759'
+    enable-background='new 0 0 314.759 314.759'
+  >
+    <g>
+      <circle cx='79.42' cy='25.907' r='25.907' />
+      <path d='m210.416,70.721l-24.177-37.298c-1.398-2.157-3.793-3.458-6.363-3.458-2.57,0-4.965,1.302-6.363,3.458l-24.177,37.298c-1.512,2.332-1.627,5.304-0.3,7.746 1.327,2.442 3.884,3.962 6.663,3.962h15.677v20.093l-25.883,8.094c0,0-2.259-16.492-2.889-22.004-1.844-16.126-13.632-28.542-29.564-28.542h-67.239c-16.23,0-29.5,13.204-29.581,29.434l-.462,91.833c-0.034,6.903 5.533,12.527 12.438,12.563 0.021,0 0.042,0 0.063,0 6.874,0 12.464-5.555 12.499-12.438l.462-91.833c0.007-1.368 1.12-2.472 2.487-2.468 1.367,0.004 2.473,1.113 2.473,2.48l.006,90.22v119.897c0,8.284 6.716,15 15,15 8.284,0 15-6.716 15-15v-116.658c0-1.788 1.449-3.238 3.238-3.238 1.788,0 3.238,1.45 3.238,3.238v116.659c0,8.284 6.716,15 15,15 8.284,0 15-6.716 15-15l-.266-209.954c-0.002-1.349 1.016-2.48 2.357-2.621 1.341-0.141 2.574,0.755 2.85,2.074 0.836,3.985 1.652,13.57 5.037,39.354 0.481,3.659 2.554,6.919 5.663,8.906 3.104,1.984 6.932,2.501 10.462,1.396l32.609-10.198v14.624c0,4.694 3.806,8.5 8.5,8.5 4.694,0 8.5-3.806 8.5-8.5v-19.94l1.232-.385c6.589-2.062 10.26-9.073 8.198-15.662-1.406-4.497-5.12-7.63-9.43-8.514v-16.409h15.678c2.779,0 5.336-1.52 6.663-3.962 1.328-2.442 1.213-5.415-0.299-7.747z' />
+      <path d='m178.177,239.487v20.355c0,4.188 3.395,7.583 7.583,7.583h60.324c4.188,0 7.583-3.395 7.583-7.583v-20.355c0-4.188-3.395-7.583-7.583-7.583h-60.324c-4.188,0-7.583,3.395-7.583,7.583z' />
+      <path d='m203.751,279.237h-60.324c-4.188,0-7.583,3.395-7.583,7.583v20.355c0,4.188 3.395,7.583 7.583,7.583h60.324c4.188,0 7.583-3.395 7.583-7.583v-20.355c0.001-4.188-3.395-7.583-7.583-7.583z' />
+      <path d='m291.418,279.237h-60.324c-4.188,0-7.583,3.395-7.583,7.583v20.355c0,4.188 3.395,7.583 7.583,7.583h60.324c4.188,0 7.583-3.395 7.583-7.583v-20.355c-5.68434e-14-4.188-3.395-7.583-7.583-7.583z' />
+      <path d='m291.418,184.57h-60.324c-4.188,0-7.583,3.395-7.583,7.583v20.355c0,4.188 3.395,7.583 7.583,7.583h60.324c4.188,0 7.583-3.395 7.583-7.583v-20.355c-5.68434e-14-4.187-3.395-7.583-7.583-7.583z' />
+      <path d='m158.816,231.904h-15.389c-4.188,0-7.583,3.395-7.583,7.583v20.355c0,4.188 3.395,7.583 7.583,7.583h15.389c4.188,0 7.583-3.395 7.583-7.583v-20.355c0.001-4.188-3.394-7.583-7.583-7.583z' />
+      <path d='m291.418,231.904h-18.389c-4.188,0-7.583,3.395-7.583,7.583v20.355c0,4.188 3.395,7.583 7.583,7.583h18.389c4.188,0 7.583-3.395 7.583-7.583v-20.355c-5.68434e-14-4.188-3.395-7.583-7.583-7.583z' />
+      <path d='m291.418,136.505h-18.389c-4.188,0-7.583,3.395-7.583,7.583v20.355c0,4.188 3.395,7.583 7.583,7.583h18.389c4.188,0 7.583-3.395 7.583-7.583v-20.355c-5.68434e-14-4.188-3.395-7.583-7.583-7.583z' />
+    </g>
+  </svg>
+);
+
+//Jurist
+const GridInsurance = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    width='800px'
+    height='800px'
+    viewBox='0 0 256 173'
+    enable-background='new 0 0 256 173'
+    xmlSpace='preserve'
+  >
+    <path
+      d='M128.253,56.864c15.186,0,27.432-12.247,27.432-27.432S143.536,2,128.253,2
+	c-15.186,0-27.432,12.247-27.432,27.432C100.918,44.716,113.165,56.864,128.253,56.864z M64.571,136.32h-49.28
+	c-15.969,0-16.851-24.395,0.294-24.395H58.3l24.493-36.054c7.25-9.895,15.48-14.598,27.138-14.598h36.544
+	c11.659,0,19.888,4.311,27.138,14.598l24.591,36.054h43.01c17.243,0,16.165,24.395,0.588,24.395h-49.28
+	c-3.919,0-8.622-1.372-11.365-5.584l-18.811-26.844l-0.098,67.209H94.844l-0.098-67.209l-18.811,26.844
+	C73.192,134.85,68.49,136.32,64.571,136.32z'
+    />
+    <path
+      d='M15.763,79.779v4.571c0,2.556-2.064,4.571-4.571,4.571S6.62,86.906,6.62,84.35v-4.571H2V64.836l0,0
+	c0-3.293,2.212-5.997,5.21-6.832l5.358-12.731c0.786-1.868,2.605-3.195,4.768-3.195h27.378c2.163,0,3.981,1.327,4.768,3.195
+	l5.308,12.731C57.788,58.84,60,61.543,60,64.836l0,0v14.942h-4.669v4.571c0,2.556-2.064,4.571-4.571,4.571
+	c-2.556,0-4.571-2.015-4.571-4.571v-4.571H15.763z M11.486,71.57c2.556,0,4.62-2.064,4.62-4.62c0-2.556-2.064-4.62-4.62-4.62
+	s-4.62,2.064-4.62,4.62S8.931,71.57,11.486,71.57 M54.839,66.95c0-2.556-2.064-4.62-4.62-4.62c-2.556,0-4.62,2.064-4.62,4.62
+	s2.064,4.62,4.62,4.62S54.839,69.506,54.839,66.95 M50.219,57.758l-4.571-11.01c-0.197-0.541-0.737-0.934-1.376-0.934H17.729
+	c-0.59,0-1.131,0.393-1.327,0.934l-4.571,11.01H50.219z'
+    />
+    <path
+      d='M228.083,33.605V33.6l-0.007,0.002l-0.007-0.002v0.005l-23.917,7.97v31.9c0,0,0.284,14.756,23.925,23.925
+	C251.716,88.231,252,73.475,252,73.475v-31.9L228.083,33.605z M224.975,75.02l-11.661-11.658l4.232-4.232l7.434,7.437l13.632-13.592
+	l4.224,4.237L224.975,75.02z'
+    />
+    <g id='shopping_cart'></g>
+    <g id='cross'></g>
+    <g id='leaf'></g>
+  </svg>
+);
+
+const GridCollision = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    version='1.1'
+    id='Capa_1'
+    xmlns='http://www.w3.org/2000/svg'
+    width='800px'
+    height='800px'
+    viewBox='0 0 611.962 611.962'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        d='M372.8,165.581l-50.3,65.9l32.2-76.9c0.8-4,4-6.3,6.3-6.3c0.8,0,1.5,0.8,3.1,1.5l4.7,2.3l4.7,2.3
+		C377.6,156.981,376.8,160.781,372.8,165.581z M304.6,237.781l14.1-110.7c1.5-7.8-0.8-13.3-6.3-13.3H305.3c-1.5,0-8.6,0-8.6,0
+		c-5.5,0-7.8,4.7-6.3,13.3L304.6,237.781z M324.2,357.781c4.7,11,6.3,18.101,6.3,28.2v91.8v12.601c0,4-3.1,7.8-7.8,7.8h-40.8
+		c-4.7,0-7.8-3.101-7.8-7.8v-12.601v-13.3H56.6v13.3v12.601c0,4-3.1,7.8-7.8,7.8h-41c-4.7,0-7.8-3.101-7.8-7.8v-12.601v-91.8
+		c0-10.3,1.5-18.1,6.3-28.2l51-106.7c5.5-12.6,21.2-22.7,35.3-22.7H237c14.1,0,29.9,10.3,36.2,22.7L324.2,357.781z M45.5,353.181
+		H284l-34.5-73.7c-7.1-14.1-13.3-17.3-28.2-17.3h-113c-2.3,0-4,0-5.5,0c-11,1.5-16.5,5.5-21.9,17.3L45.5,353.181z M78.5,406.481
+		c0-14.1-11.8-25.1-25.9-25.1s-25.1,11-25.1,25.1s11,25.9,25.1,25.9S78.5,420.681,78.5,406.481z M302.9,406.481
+		c0-14.1-11.8-25.1-25.9-25.1s-25.1,11-25.1,25.1s11,25.9,25.1,25.9C291.1,432.481,302.9,420.681,302.9,406.481z M287.3,238.481
+		l-32.2-76.9c-1.5-4-4-6.3-6.3-6.3c-0.8,0-1.5,0-2.3,0s-0.8,0.8-1.5,0.8l-4.7,2.3l-4,3.1c-4,2.3-3.1,6.3,0.8,11L287.3,238.481z
+		 M609.7,389.181l-23.601,88.7l-3.1,11.8c-0.8,4-5.5,6.3-9.4,5.5l-39.199-10.3c-4-0.801-6.301-5.5-5.5-9.4l3.1-11.8l4-12.601
+		l-193.9-51.8v-14.899c0-6.301-0.8-13.301-2.3-19.601c10.3-0.8,19.601-7.8,22.7-18.899c4-13.301-4.7-27.4-18.1-31.4
+		c-8.601-1.5-17.301,0.8-23.601,6.3l-18.1-37.7c0.8-0.8,1.5-2.3,2.3-3.1l76.9-89.5c7.1-8.6,18.899-13.3,29.899-14.1
+		c4,0,7.101,0,10.3,0.8l137.4,35.3c14.1,4,26.7,18.1,29,31.4l21.9,116.2C612.9,371.881,612.2,379.881,609.7,389.181z M576,348.481
+		l-14.9-80c-3.1-15.6-8.6-20.4-22.699-24.4l-109.101-29.9c-5.5-1.5-9.399-1.5-13.3-1.5c-6.3,0.8-11.8,4.7-18.1,11.8l-53.4,61.9
+		L576,348.481z M561.1,373.581c-1.5-0.8-3.1-0.8-4.699-0.8c-1.601,0-3.101,0-4.7,0c-10.3,0.8-18.9,7.8-21.2,18.9
+		c-4,13.3,4,27.399,17.3,31.399s27.4-4.699,31.4-18.1C583,391.481,574.5,377.381,561.1,373.581z'
+      />
+    </g>
+  </svg>
+);
+
+const GridDocumentWithPen = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    version='1.1'
+    id='_x32_'
+    xmlns='http://www.w3.org/2000/svg'
+    width='800px'
+    height='800px'
+    viewBox='0 0 512 512'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        className='st0'
+        d='M208.971,443.563c2.203-2.219,3.281-5.109,3.234-8l8.047-8.031l65.25-14
+		c6.672-1.203,12.266-5.719,14.859-11.984c0,0,12.375-27.641,19.891-40.172l-20.781-20.781l-3.234-3.25l-20.797-20.797
+		c-12.531,7.516-40.188,19.891-40.188,19.891c-6.266,2.594-10.766,8.188-11.969,14.844l-14.016,65.266l-8.016,8.031
+		c-2.906-0.016-5.813,1.047-8.016,3.25c-4.344,4.359-4.344,11.391,0,15.734S204.627,447.906,208.971,443.563z M256.564,363.063
+		c4.734-4.75,12.422-4.75,17.188,0c4.734,4.734,4.734,12.438,0,17.172c-4.766,4.734-12.453,4.734-17.188,0
+		C251.814,375.5,251.814,367.797,256.564,363.063z'
+      />
+      <path
+        className='st0'
+        d='M362.346,318.766l-44.313-44.328c0,0-15.531,15.531-20.531,20.531c-5.016,5-11.531,3.5-11.531,3.5l-6,6.031
+		l21.031,21.031l5.016,5l26.297,26.297l6-6.016c0,0-1.5-6.5,3.5-11.516C346.83,334.281,362.346,318.766,362.346,318.766z'
+      />
+      <path
+        className='st0'
+        d='M497.83,138.969c-20.5-20.484-42.844-18.625-66.141,4.656c-23.266,23.281-90.219,106.625-106,122.406
+		l45.078,45.063c15.766-15.766,99.109-82.719,122.391-106S518.314,159.453,497.83,138.969z M477.486,175.141l-70.156,70.141
+		c-1.719,1.734-4.484,1.734-6.203,0l-9.625-9.625c-1.703-1.688-1.703-4.469,0-6.188l70.141-70.156c1.719-1.719,4.516-1.719,6.234,0
+		l9.609,9.625C479.205,170.656,479.205,173.438,477.486,175.141z'
+      />
+      <rect
+        x='88.408'
+        y='201.844'
+        className='st0'
+        width='194.5'
+        height='22.109'
+      />
+      <rect
+        x='88.408'
+        y='279.219'
+        className='st0'
+        width='145.875'
+        height='22.094'
+      />
+      <rect
+        x='88.408'
+        y='356.563'
+        className='st0'
+        width='103.891'
+        height='22.109'
+      />
+      <path
+        className='st0'
+        d='M358.58,356.969l-8.063,6.656l-7.938,7.938v102.156H26.518V38.281h213.281v83.484
+		c0,5.906,2.438,11.359,6.313,15.203c3.859,3.875,9.297,6.313,15.219,6.313h81.25v76.5c4.297-5.125,8.813-10.469,13.391-15.922
+		c4.313-5.141,8.719-10.391,13.125-15.625v-72.578L265.221,11.766H11.049c-6.109,0-11.047,4.953-11.047,11.047v466.375
+		c0,6.094,4.938,11.047,11.047,11.047h347c6.109,0,11.047-4.953,11.047-11.047V337.031l-12.672,12.672L358.58,356.969z
+		 M261.924,45.969l75.188,75.203h-75.188V45.969z'
+      />
+    </g>
+  </svg>
+);
+
+const GridJustice = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width='800px'
+    height='800px'
+    viewBox='0 0 48 48'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <path
+      d='M40.8992 19.5969L37.1832 11.5456C37.4542 11.2998 37.6712 11.0004 37.8205 10.6664C37.9697 10.3323 38.048 9.97092 38.0503 9.60505C38.048 9.01126 37.8438 8.43592 37.4711 7.97366C37.0984 7.5114 36.5794 7.18974 35.9996 7.06161C35.4198 6.93348 34.8137 7.00649 34.2809 7.26865C33.7481 7.5308 33.3204 7.96648 33.0681 8.50402L14.2818 13.2797C13.8184 12.8811 13.2277 12.6614 12.6165 12.6604C12.0862 12.6568 11.5675 12.8154 11.1299 13.1149C10.6922 13.4144 10.3566 13.8405 10.1679 14.3361C9.97926 14.8317 9.94658 15.3732 10.0743 15.8879C10.202 16.4026 10.4839 16.866 10.8824 17.2159L7.07007 25.4736L18.1492 25.4323L14.3506 17.1746C14.7554 16.8117 15.0348 16.3299 15.1489 15.7983L21.934 14.078V35.2177H21.7963L12.6303 38.0667C12.3371 38.1595 12.0808 38.3425 11.8979 38.5897C11.715 38.8368 11.6149 39.1355 11.6118 39.4429V39.5393C11.5999 39.7328 11.629 39.9266 11.6973 40.1081C11.7655 40.2895 11.8713 40.4545 12.0077 40.5923C12.1442 40.73 12.3081 40.8374 12.489 40.9073C12.6698 40.9772 12.8633 41.0082 13.0569 40.9981H34.9261C35.1185 41.008 35.3108 40.9774 35.4906 40.9083C35.6704 40.8392 35.8337 40.7331 35.9699 40.5969C36.1061 40.4606 36.2122 40.2974 36.2814 40.1175C36.3505 39.9377 36.3811 39.7454 36.3712 39.553V39.4429C36.3691 39.1372 36.271 38.8398 36.0907 38.5929C35.9104 38.3459 35.6571 38.1618 35.3665 38.0667L26.2142 35.2177H26.0628V13.1972L33.3847 11.2566L33.6599 11.5456L29.9302 19.6244C30.7538 19.6244 40.1444 19.5969 40.8992 19.5969ZM9.34094 25.4736L12.6165 18.372L15.8466 25.442L9.34094 25.4736ZM35.4904 12.7017L38.6834 19.5831H32.2561L35.4904 12.7017Z'
+      fill='#333333'
+    />
+    <path
+      fill-rule='evenodd'
+      clip-rule='evenodd'
+      d='M12.6198 30.7178C14.9518 30.7178 16.9448 29.2665 17.7449 27.2178C15.8324 27.2178 14.6113 27.2178 13.5733 27.2178C11.8323 27.2179 10.6058 27.2179 7.4948 27.2178C8.29489 29.2665 10.2879 30.7178 12.6198 30.7178ZM5.38946 27.2178C5.21373 26.5811 5.11984 25.9104 5.11984 25.2178C5.86224 25.2178 6.52404 25.2178 7.11984 25.2178C10.5178 25.2179 11.7694 25.2179 13.5851 25.2178C14.687 25.2178 15.9966 25.2178 18.1198 25.2178C18.7175 25.2178 19.3797 25.2178 20.1198 25.2178C20.1198 25.2187 20.1198 25.2196 20.1198 25.2205C20.1196 25.9121 20.0257 26.5819 19.8502 27.2178C18.975 30.389 16.0694 32.7178 12.6198 32.7178C9.17031 32.7178 6.26471 30.389 5.38946 27.2178Z'
+      fill='#333333'
+    />
+    <path
+      fill-rule='evenodd'
+      clip-rule='evenodd'
+      d='M35.0256 25.0137C37.3576 25.0137 39.3506 23.5624 40.1506 21.5137C38.2381 21.5137 37.0171 21.5137 35.979 21.5137C34.238 21.5138 33.0115 21.5138 29.9005 21.5137C30.7006 23.5624 32.6936 25.0137 35.0256 25.0137ZM27.7952 21.5137C27.6195 20.877 27.5256 20.2063 27.5256 19.5137C28.268 19.5137 28.9298 19.5137 29.5256 19.5137C32.9236 19.5138 34.1752 19.5138 35.9909 19.5137C37.0927 19.5137 38.4024 19.5137 40.5256 19.5137C41.1233 19.5137 41.7854 19.5137 42.5256 19.5137C42.5256 19.5146 42.5256 19.5155 42.5256 19.5164C42.5253 20.208 42.4315 20.8778 42.256 21.5137C41.3807 24.6849 38.4751 27.0137 35.0256 27.0137C31.576 27.0137 28.6704 24.6849 27.7952 21.5137Z'
+      fill='#333333'
+    />
+  </svg>
+);
+
+const GridPersonCombination = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='_x32_'
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 512 512'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        className='st0'
+        d='M157.604,321.598c7.26-2.232,10.041-6.696,10.6-10.046c-0.559-4.469-3.143-6.279-3.986-14.404
+		c-0.986-9.457,6.91-32.082,9.258-36.119c-0.32-0.772-0.65-1.454-0.965-2.247c-11.002-6.98-22.209-19.602-27.359-42.416
+		c-2.754-12.197-0.476-24.661,6.121-35.287c0,0-7.463-52.071,3.047-86.079c-9.818-4.726-20.51-3.93-35.164-2.466
+		c-11.246,1.126-12.842,3.516-21.48,2.263c-9.899-1.439-17.932-4.444-20.348-5.654c-1.392-0.694-14.449,10.89-18.084,20.35
+		c-11.531,29.967-8.435,50.512-5.5,66.057c-0.098,1.592-0.224,3.178-0.224,4.787l2.68,11.386c0.01,0.12,0,0.232,0.004,0.346
+		c-5.842,5.24-9.363,12.815-7.504,21.049c3.828,16.934,12.07,23.802,20.186,26.777c5.383,15.186,10.606,24.775,16.701,31.222
+		c1.541,7.027,2.902,16.57,1.916,26.032C83.389,336.78,0,315.904,0,385.481c0,9.112,25.951,23.978,88.818,28.259
+		c-0.184-1.342-0.31-2.695-0.31-4.078C88.508,347.268,129.068,330.379,157.604,321.598z'
+      />
+      <path
+        className='st0'
+        d='M424.5,297.148c-0.986-9.457,0.371-18.995,1.912-26.011c6.106-6.458,11.328-16.052,16.713-31.246
+		c8.113-2.977,16.35-9.848,20.174-26.774c1.77-7.796-1.293-15.006-6.59-20.2c3.838-12.864,18.93-72.468-26.398-84.556
+		c-15.074-18.839-28.258-18.087-50.871-15.827c-11.246,1.126-12.844,3.516-21.477,2.263c-1.89-0.275-3.682-0.618-5.41-0.984
+		c1.658,2.26,3.238,4.596,4.637,7.092c15.131,27.033,11.135,61.27,6.381,82.182c5.67,10.21,7.525,21.944,4.963,33.285
+		c-5.15,22.8-16.352,35.419-27.348,42.4c-0.551,1.383-2.172,4.214,0.06,7.006c2.039,3.305,2.404,2.99,4.627,5.338
+		c1.539,7.027,2.898,16.57,1.91,26.032c-0.812,7.85-14.352,14.404-10.533,17.576c3.756,1.581,8.113,3.234,13,5.028
+		c28.025,10.29,74.928,27.516,74.928,89.91c0,1.342-0.117,2.659-0.291,3.96C486.524,409.195,512,394.511,512,385.481
+		C512,315.904,428.613,336.78,424.5,297.148z'
+      />
+      <path
+        className='st0'
+        d='M301.004,307.957c-1.135-10.885,0.432-21.867,2.201-29.956c7.027-7.423,13.047-18.476,19.244-35.968
+		c9.34-3.427,18.826-11.335,23.23-30.826c2.028-8.976-1.494-17.276-7.586-23.256c4.412-14.81,21.785-83.437-30.398-97.353
+		c-17.354-21.692-32.539-20.825-58.57-18.222c-12.951,1.294-14.791,4.048-24.731,2.603c-11.4-1.657-20.646-5.117-23.428-6.508
+		c-1.602-0.803-16.637,12.538-20.826,23.428c-13.27,34.5-9.705,58.159-6.33,76.056c-0.111,1.833-0.264,3.658-0.264,5.511
+		l3.092,13.11c0.01,0.135,0,0.264,0.004,0.399c-6.726,6.03-10.777,14.752-8.636,24.232c4.402,19.498,13.894,27.404,23.238,30.828
+		c6.199,17.485,12.207,28.533,19.231,35.956c1.773,8.084,3.34,19.076,2.205,29.966c-4.738,45.626-100.744,21.593-100.744,101.706
+		c0,12.355,41.4,33.902,144.906,33.902c103.506,0,144.906-21.547,144.906-33.902C401.748,329.549,305.742,353.583,301.004,307.957z
+		 M240.039,430.304l-26.276-106.728l32.324,13.453l-1.738,15.619l5.135-0.112L240.039,430.304z M276.209,430.304l-9.447-77.768
+		l5.135,0.112l-1.738-15.619l32.324-13.453L276.209,430.304z'
+      />
+    </g>
+  </svg>
+);
+
+const GridShield = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 491.518 491.518'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <path
+          d='M490.319,112.892c-0.49-4.19-3.5-7.65-7.58-8.715c-166.6-43.62-229.36-100.84-229.96-101.395
+			c-3.94-3.71-10.1-3.71-14.04,0c-0.61,0.57-62.54,57.56-229.96,101.395c-4.08,1.065-7.09,4.525-7.58,8.715
+			c-0.32,2.745-29.06,275.93,240.94,377.965c1.17,0.44,2.39,0.66,3.62,0.66s2.45-0.22,3.62-0.66
+			C519.379,388.822,490.639,115.637,490.319,112.892z M245.759,470.312c-230.86-89.49-227.75-305.91-224.82-348.175
+			c138.03-37.055,204.41-82.46,224.82-98.535c20.4,16.075,86.75,61.465,224.74,98.515
+			C472.859,163.577,473.889,381.812,245.759,470.312z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <polygon points='304.689,194.407 223.699,275.387 186.829,238.517 172.349,252.998 223.699,304.348 319.169,208.887 		' />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M245.759,112.637c-73.4,0-133.12,59.715-133.12,133.12c0,73.405,59.72,133.12,133.12,133.12s133.12-59.715,133.12-133.12
+			C378.879,172.352,319.159,112.637,245.759,112.637z M245.759,358.397c-62.11,0-112.64-50.53-112.64-112.64
+			c0-62.11,50.53-112.64,112.64-112.64s112.64,50.53,112.64,112.64C358.399,307.868,307.869,358.397,245.759,358.397z'
+        />
+      </g>
+    </g>
+  </svg>
+);
+
+const GridStoreBar = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    width='800px'
+    height='800px'
+    viewBox='0 0 60 60'
+    id='Capa_1'
+    version='1.1'
+    xmlSpace='preserve'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <g>
+      <path d='M59,13V9h1V3h-3V0H3v3H0v6h1v4v1.5V49H0v11h18h2h20h2h18V49h-1V14.5V13z M57,13v1.5c0,1.379-1.121,2.5-2.5,2.5   S52,15.879,52,14.5V9h5V13z M50,14.5c0,1.379-1.121,2.5-2.5,2.5S45,15.879,45,14.5V9h5V14.5z M43,14.5   c0,1.182-0.825,2.168-1.929,2.428l-0.254,0.038C40.713,16.98,40.608,17,40.5,17c-1.379,0-2.5-1.121-2.5-2.5V9h5V14.5z    M19.146,16.96l-0.22-0.033C17.824,16.667,17,15.681,17,14.5V9h5v5.5c0,1.379-1.121,2.5-2.5,2.5   C19.392,17,19.287,16.98,19.146,16.96z M15,14.5c0,1.379-1.121,2.5-2.5,2.5S10,15.879,10,14.5V9h5V14.5z M36,14.5   c0,1.379-1.121,2.5-2.5,2.5S31,15.879,31,14.5V9h5V14.5z M29,14.5c0,1.379-1.121,2.5-2.5,2.5S24,15.879,24,14.5V9h5V14.5z    M24,18.238c0.007,0.005,0.016,0.008,0.023,0.013c0.21,0.139,0.434,0.259,0.667,0.362c0.042,0.019,0.084,0.036,0.127,0.054   c0.237,0.096,0.482,0.175,0.738,0.229c0.038,0.008,0.076,0.013,0.114,0.02C25.939,18.967,26.215,19,26.5,19   s0.561-0.033,0.832-0.084c0.038-0.007,0.076-0.012,0.114-0.02c0.255-0.055,0.5-0.133,0.738-0.229   c0.043-0.017,0.085-0.035,0.127-0.054c0.233-0.103,0.456-0.223,0.667-0.362c0.032-0.021,0.062-0.045,0.094-0.067   c0.215-0.151,0.421-0.315,0.606-0.5c0.005-0.005,0.01-0.011,0.015-0.017c0.108-0.109,0.212-0.222,0.308-0.342   c0.097,0.12,0.2,0.233,0.308,0.342c0.005,0.005,0.01,0.011,0.015,0.017c0.185,0.185,0.391,0.349,0.606,0.5   c0.031,0.022,0.061,0.045,0.094,0.067c0.21,0.139,0.434,0.259,0.667,0.362c0.042,0.019,0.084,0.036,0.127,0.054   c0.237,0.096,0.482,0.175,0.738,0.229c0.038,0.008,0.076,0.013,0.114,0.02C32.939,18.967,33.215,19,33.5,19   s0.561-0.033,0.832-0.084c0.038-0.007,0.076-0.012,0.114-0.02c0.255-0.055,0.5-0.133,0.738-0.229   c0.043-0.017,0.085-0.035,0.127-0.054c0.233-0.103,0.456-0.223,0.667-0.362c0.007-0.005,0.016-0.008,0.023-0.013V33H24V18.238z    M5,2h50v1H5V2z M2,5h1h54h1v2h-6h-2h-5h-2h-5h-2h-5h-2h-5h-2h-5h-2h-5H8H2V5z M8,9v5.5C8,15.879,6.879,17,5.5,17S3,15.879,3,14.5   V13V9H8z M3,18.238C3.716,18.718,4.575,19,5.5,19c1.421,0,2.675-0.675,3.5-1.706C9.825,18.325,11.079,19,12.5,19   s2.675-0.675,3.5-1.706c0.518,0.648,1.204,1.146,2,1.43V49H3V18.238z M14,58c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1   c-0.553,0-1,0.447-1,1s0.447,1,1,1h-3c0.553,0,1-0.447,1-1s-0.447-1-1-1H9c-0.553,0-1,0.447-1,1s0.447,1,1,1H6c0.553,0,1-0.447,1-1   s-0.447-1-1-1H5c-0.553,0-1,0.447-1,1s0.447,1,1,1H2c0.553,0,1-0.447,1-1s-0.447-1-1-1v-1h1c0.553,0,1-0.447,1-1s-0.447-1-1-1H2v-2   h1c0,0.553,0.447,1,1,1h1c0.553,0,1-0.447,1-1h1c0,0.553,0.447,1,1,1h1c0.553,0,1-0.447,1-1h1c0,0.553,0.447,1,1,1h1   c0.553,0,1-0.447,1-1h1c0,0.553,0.447,1,1,1h1c0.553,0,1-0.447,1-1v2c-0.553,0-1,0.447-1,1s0.447,1,1,1v1h-1c-0.553,0-1,0.447-1,1   s0.447,1,1,1H14z M40,58H20v-9V18.973c0.071-0.008,0.135-0.033,0.205-0.044c0.149-0.024,0.293-0.056,0.438-0.094   c0.142-0.038,0.281-0.079,0.418-0.13c0.139-0.052,0.273-0.111,0.406-0.176c0.129-0.063,0.254-0.129,0.375-0.204   c0.051-0.032,0.109-0.053,0.159-0.087V35h16V18.238c0.05,0.034,0.108,0.055,0.159,0.087c0.122,0.075,0.247,0.141,0.375,0.204   c0.133,0.065,0.266,0.124,0.406,0.176c0.136,0.051,0.275,0.092,0.418,0.13c0.144,0.038,0.288,0.07,0.438,0.094   c0.07,0.011,0.134,0.036,0.205,0.044V49V58z M54,58c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h-3   c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h-3c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1   c-0.553,0-1,0.447-1,1s0.447,1,1,1h-3c0.553,0,1-0.447,1-1s-0.447-1-1-1v-1h1c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1v-2h1   c0,0.553,0.447,1,1,1h1c0.553,0,1-0.447,1-1h1c0,0.553,0.447,1,1,1h1c0.553,0,1-0.447,1-1h1c0,0.553,0.447,1,1,1h1   c0.553,0,1-0.447,1-1h1c0,0.553,0.447,1,1,1h1c0.553,0,1-0.447,1-1v2c-0.553,0-1,0.447-1,1s0.447,1,1,1v1h-1c-0.553,0-1,0.447-1,1   s0.447,1,1,1H54z M42,49V18.724c0.796-0.284,1.482-0.782,2-1.43C44.825,18.325,46.079,19,47.5,19s2.675-0.675,3.5-1.706   C51.825,18.325,53.079,19,54.5,19c0.925,0,1.784-0.282,2.5-0.762V49H42z' />
+      <path d='M22,56h16V38H22V56z M24,40h12v14H24V40z' />
+      <path d='M7,53H6c-0.553,0-1,0.447-1,1s0.447,1,1,1h1c0.553,0,1-0.447,1-1S7.553,53,7,53z' />
+      <path d='M15,53h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h1c0.553,0,1-0.447,1-1S15.553,53,15,53z' />
+      <path d='M11,53h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h1c0.553,0,1-0.447,1-1S11.553,53,11,53z' />
+      <path d='M47,53h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h1c0.553,0,1-0.447,1-1S47.553,53,47,53z' />
+      <path d='M55,53h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h1c0.553,0,1-0.447,1-1S55.553,53,55,53z' />
+      <path d='M51,53h-1c-0.553,0-1,0.447-1,1s0.447,1,1,1h1c0.553,0,1-0.447,1-1S51.553,53,51,53z' />
+      <path d='M5,27c0.256,0,0.512-0.098,0.707-0.293l4-4c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0l-4,4   c-0.391,0.391-0.391,1.023,0,1.414C4.488,26.902,4.744,27,5,27z' />
+      <path d='M5,32c0.256,0,0.512-0.098,0.707-0.293l2-2c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0l-2,2   c-0.391,0.391-0.391,1.023,0,1.414C4.488,31.902,4.744,32,5,32z' />
+      <path d='M8.29,26.29C8.109,26.479,8,26.74,8,27c0,0.27,0.109,0.52,0.29,0.71C8.479,27.89,8.74,28,9,28c0.27,0,0.52-0.11,0.71-0.29   C9.89,27.52,10,27.27,10,27c0-0.26-0.11-0.521-0.29-0.71C9.34,25.92,8.67,25.92,8.29,26.29z' />
+      <path d='M10.293,25.707C10.488,25.902,10.744,26,11,26s0.512-0.098,0.707-0.293l3-3c0.391-0.391,0.391-1.023,0-1.414   s-1.023-0.391-1.414,0l-3,3C9.902,24.684,9.902,25.316,10.293,25.707z' />
+      <path d='M13.293,26.293l-9,9c-0.391,0.391-0.391,1.023,0,1.414C4.488,36.902,4.744,37,5,37s0.512-0.098,0.707-0.293l9-9   c0.391-0.391,0.391-1.023,0-1.414S13.684,25.902,13.293,26.293z' />
+      <path d='M16.71,24.29c-0.37-0.37-1.061-0.37-1.42,0C15.109,24.479,15,24.729,15,25c0,0.27,0.109,0.52,0.29,0.71   C15.479,25.89,15.729,26,16,26c0.27,0,0.52-0.11,0.71-0.29C16.89,25.52,17,25.27,17,25C17,24.729,16.89,24.479,16.71,24.29z' />
+      <path d='M44,27c0.256,0,0.512-0.098,0.707-0.293l4-4c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0l-4,4   c-0.391,0.391-0.391,1.023,0,1.414C43.488,26.902,43.744,27,44,27z' />
+      <path d='M44,32c0.256,0,0.512-0.098,0.707-0.293l2-2c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0l-2,2   c-0.391,0.391-0.391,1.023,0,1.414C43.488,31.902,43.744,32,44,32z' />
+      <path d='M47.29,26.29C47.109,26.479,47,26.74,47,27s0.109,0.52,0.29,0.71C47.479,27.89,47.729,28,48,28c0.26,0,0.52-0.11,0.71-0.29   C48.89,27.52,49,27.26,49,27s-0.11-0.521-0.29-0.71C48.33,25.92,47.66,25.92,47.29,26.29z' />
+      <path d='M49.293,25.707C49.488,25.902,49.744,26,50,26s0.512-0.098,0.707-0.293l3-3c0.391-0.391,0.391-1.023,0-1.414   s-1.023-0.391-1.414,0l-3,3C48.902,24.684,48.902,25.316,49.293,25.707z' />
+      <path d='M52.293,26.293l-9,9c-0.391,0.391-0.391,1.023,0,1.414C43.488,36.902,43.744,37,44,37s0.512-0.098,0.707-0.293l9-9   c0.391-0.391,0.391-1.023,0-1.414S52.684,25.902,52.293,26.293z' />
+      <path d='M55.71,24.29c-0.37-0.37-1.05-0.37-1.42,0C54.109,24.479,54,24.729,54,25c0,0.27,0.109,0.52,0.29,0.71   C54.479,25.89,54.74,26,55,26s0.52-0.11,0.71-0.29C55.89,25.52,56,25.26,56,25S55.89,24.479,55.71,24.29z' />
+    </g>
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+    <g />
+  </svg>
+);
+
+const GridTransferAccount = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 496 496'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <g>
+          <path
+            d='M264,136h-16V96h16V64v-8V43.288L186.072,0h-20.144L88,43.288V56v8v32h16v40H88v48h176V136z M170.072,16h11.856
+				l57.592,32H112.48L170.072,16z M104,64h144v16H104V64z M232,96v40h-16V96H232z M200,96v40h-16V96H200z M168,96v40h-16V96H168z
+				 M136,96v40h-16V96H136z M248,168H104v-16h144V168z'
+          />
+          <polygon points='336,224 352,224 352,64 280,64 280,80 336,80 			' />
+          <path d='M336,480H80v-64H16V80h56V64H0v363.312L68.688,496H352v-64h-16V480z M64,468.688L27.312,432H64V468.688z' />
+          <path
+            d='M288,224c-57.344,0-104,46.656-104,104s46.656,104,104,104s104-46.656,104-104S345.344,224,288,224z M288,416
+				c-48.52,0-88-39.48-88-88c0-48.52,39.48-88,88-88s88,39.48,88,88C376,376.52,336.52,416,288,416z'
+          />
+          <path
+            d='M272,288h32c8.816,0,16,7.176,16,16h16c0-17.648-14.352-32-32-32h-8v-16h-16v16h-8c-17.648,0-32,14.352-32,32
+				s14.352,32,32,32h32c8.816,0,16,7.176,16,16c0,8.824-7.184,16-16,16h-32c-8.824,0-16-7.176-16-16h-16c0,17.648,14.352,32,32,32h8
+				v16h16v-16h8c17.648,0,32-14.352,32-32s-14.352-32-32-32h-32c-8.824,0-16-7.176-16-16C256,295.176,263.176,288,272,288z'
+          />
+          <polygon
+            points='470.168,264 453.032,288 400,288 400,304 441.6,304 433.488,315.352 446.504,324.648 489.824,264
+				446.504,203.352 433.488,212.648 441.6,224 368,224 368,240 453.032,240 			'
+          />
+          <polygon
+            points='496,368 496,352 430.4,352 438.504,340.648 425.488,331.352 382.168,392 425.488,452.648 438.504,443.352
+				430.4,432 496,432 496,416 418.968,416 401.824,392 418.968,368 			'
+          />
+          <polygon
+            points='176,368 176,352 134.4,352 142.504,340.648 129.488,331.352 86.168,392 129.488,452.648 142.504,443.352
+				134.4,432 216,432 216,416 122.968,416 105.824,392 122.968,368 			'
+          />
+          <polygon
+            points='137.488,315.352 150.504,324.648 193.824,264 150.504,203.352 137.488,212.648 145.6,224 80,224 80,240
+				157.032,240 174.168,264 157.032,288 80,288 80,304 145.6,304 			'
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+//Ocenka
+const GridBlueprint = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    viewBox='0 0 512 512'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <g>
+          <path
+            d='M435.2,392.533c-23.526,0-42.667,19.14-42.667,42.667s19.14,42.667,42.667,42.667c23.526,0,42.667-19.14,42.667-42.667
+				S458.726,392.533,435.2,392.533z M435.2,460.8c-14.114,0-25.6-11.486-25.6-25.6s11.486-25.6,25.6-25.6s25.6,11.486,25.6,25.6
+				S449.314,460.8,435.2,460.8z'
+          />
+          <path
+            d='M494.933,387.029V102.4c0-9.412-7.654-17.067-17.067-17.067h-85.333c-9.412,0-17.067,7.654-17.067,17.067v230.4
+				c0,4.71,3.814,8.533,8.533,8.533h17.067c4.719,0,8.533-3.823,8.533-8.533c0-4.71-3.814-8.533-8.533-8.533h-8.533V307.2h8.533
+				c4.719,0,8.533-3.823,8.533-8.533s-3.814-8.533-8.533-8.533h-8.533v-17.067h25.6c4.719,0,8.533-3.823,8.533-8.533
+				S422.852,256,418.133,256h-25.6v-17.067h8.533c4.719,0,8.533-3.823,8.533-8.533c0-4.71-3.814-8.533-8.533-8.533h-8.533V204.8
+				h8.533c4.719,0,8.533-3.823,8.533-8.533s-3.814-8.533-8.533-8.533h-8.533v-17.067h8.533c4.719,0,8.533-3.823,8.533-8.533
+				c0-4.71-3.814-8.533-8.533-8.533h-8.533v-17.067h25.6c4.719,0,8.533-3.823,8.533-8.533c0-4.71-3.814-8.533-8.533-8.533h-25.6
+				V102.4h85.333v268.988c-12.22-8.201-26.88-12.988-42.667-12.988c-42.351,0-76.8,34.458-76.8,76.8
+				c0,15.778,4.796,30.455,12.979,42.667H136.533v-85.333H153.6v25.6c0,4.71,3.823,8.533,8.533,8.533
+				c4.71,0,8.533-3.823,8.533-8.533v-25.6h17.067v8.533c0,4.71,3.823,8.533,8.533,8.533s8.533-3.823,8.533-8.533v-8.533h17.067
+				v8.533c0,4.71,3.823,8.533,8.533,8.533s8.533-3.823,8.533-8.533v-8.533H256v8.533c0,4.71,3.823,8.533,8.533,8.533
+				c4.719,0,8.533-3.823,8.533-8.533v-8.533h17.067v25.6c0,4.71,3.814,8.533,8.533,8.533s8.533-3.823,8.533-8.533v-25.6h17.067
+				v8.533c0,4.71,3.814,8.533,8.533,8.533c4.719,0,8.533-3.823,8.533-8.533V384c0-4.71-3.814-8.533-8.533-8.533H136.533
+				c-9.89,0-17.067,7.177-17.067,17.067v85.333c0,9.89,7.177,17.067,17.067,17.067h250.496C400.213,505.583,416.964,512,435.2,512
+				c42.351,0,76.8-34.458,76.8-76.8C512,416.964,505.583,400.222,494.933,387.029z M435.2,494.933
+				c-32.93,0-59.733-26.795-59.733-59.733s26.803-59.733,59.733-59.733c32.93,0,59.733,26.795,59.733,59.733
+				S468.13,494.933,435.2,494.933z'
+          />
+          <path
+            d='M443.733,59.733c0-4.71-3.814-8.533-8.533-8.533H102.4C102.4,22.963,79.437,0,51.2,0S0,22.963,0,51.2v409.6
+				C0,489.037,22.963,512,51.2,512h42.667c4.71,0,8.533-3.823,8.533-8.533c0-4.71-3.823-8.533-8.533-8.533H51.2
+				c-18.825,0-34.133-15.309-34.133-34.133c0-18.824,15.309-34.133,34.133-34.133s34.133,15.309,34.133,34.133
+				c0,4.71,3.823,8.533,8.533,8.533c4.71,0,8.533-3.823,8.533-8.533V68.267h332.8C439.919,68.267,443.733,64.444,443.733,59.733z
+				 M85.333,422.741C76.262,414.601,64.324,409.6,51.2,409.6s-25.062,5.001-34.133,13.141V51.2
+				c0-18.825,15.309-34.133,34.133-34.133S85.333,32.375,85.333,51.2V422.741z'
+          />
+          <path
+            d='M326.767,116.966c1.664,1.664,3.849,2.5,6.033,2.5c2.185,0,4.369-0.836,6.033-2.5c3.337-3.337,3.337-8.73,0-12.066
+				l-17.058-17.058c-0.794-0.794-1.732-1.417-2.782-1.852c-2.082-0.862-4.437-0.862-6.519,0c-1.05,0.435-1.988,1.058-2.782,1.852
+				L292.634,104.9c-3.337,3.337-3.337,8.73,0,12.066c3.337,3.336,8.73,3.336,12.066,0l2.5-2.5v197.734l-2.5-2.5
+				c-3.337-3.336-8.73-3.336-12.066,0c-3.337,3.337-3.337,8.73,0,12.066l17.058,17.058c0.794,0.794,1.732,1.417,2.782,1.852
+				c1.041,0.435,2.15,0.657,3.26,0.657c1.109,0,2.219-0.222,3.26-0.657c1.05-0.435,1.988-1.058,2.782-1.852l17.058-17.058
+				c3.337-3.337,3.337-8.73,0-12.066c-3.336-3.336-8.73-3.336-12.066,0l-2.5,2.5V114.466L326.767,116.966z'
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+const GridAuto = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    width='800px'
+    height='800px'
+    viewBox='0 -15.43 122.88 122.88'
+    version='1.1'
+    id='Layer_1'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        className='st0'
+        d='M10.17,34.23c-10.98-5.58-9.72-11.8,1.31-11.15l2.47,4.63l5.09-15.83C21.04,5.65,24.37,0,30.9,0H96 c6.53,0,10.29,5.54,11.87,11.87l3.82,15.35l2.2-4.14c11.34-0.66,12.35,5.93,0.35,11.62l1.95,2.99c7.89,8.11,7.15,22.45,5.92,42.48 v8.14c0,2.04-1.67,3.71-3.71,3.71h-15.83c-2.04,0-3.71-1.67-3.71-3.71v-4.54H24.04v4.54c0,2.04-1.67,3.71-3.71,3.71H4.5 c-2.04,0-3.71-1.67-3.71-3.71V78.2c0-0.2,0.02-0.39,0.04-0.58C-0.37,62.25-2.06,42.15,10.17,34.23L10.17,34.23z M30.38,58.7 l-14.06-1.77c-3.32-0.37-4.21,1.03-3.08,3.89l1.52,3.69c0.49,0.95,1.14,1.64,1.9,2.12c0.89,0.55,1.96,0.82,3.15,0.87l12.54,0.1 c3.03-0.01,4.34-1.22,3.39-4C34.96,60.99,33.18,59.35,30.38,58.7L30.38,58.7z M54.38,52.79h14.4c0.85,0,1.55,0.7,1.55,1.55l0,0 c0,0.85-0.7,1.55-1.55,1.55h-14.4c-0.85,0-1.55-0.7-1.55-1.55l0,0C52.82,53.49,53.52,52.79,54.38,52.79L54.38,52.79z M89.96,73.15 h14.4c0.85,0,1.55,0.7,1.55,1.55l0,0c0,0.85-0.7,1.55-1.55,1.55h-14.4c-0.85,0-1.55-0.7-1.55-1.55l0,0 C88.41,73.85,89.1,73.15,89.96,73.15L89.96,73.15z M92.5,58.7l14.06-1.77c3.32-0.37,4.21,1.03,3.08,3.89l-1.52,3.69 c-0.49,0.95-1.14,1.64-1.9,2.12c-0.89,0.55-1.96,0.82-3.15,0.87l-12.54,0.1c-3.03-0.01-4.34-1.22-3.39-4 C87.92,60.99,89.7,59.35,92.5,58.7L92.5,58.7z M18.41,73.15h14.4c0.85,0,1.55,0.7,1.55,1.55l0,0c0,0.85-0.7,1.55-1.55,1.55h-14.4 c-0.85,0-1.55-0.7-1.55-1.55l0,0C16.86,73.85,17.56,73.15,18.41,73.15L18.41,73.15z M19.23,31.2h86.82l-3.83-15.92 c-1.05-4.85-4.07-9.05-9.05-9.05H33.06c-4.97,0-7.52,4.31-9.05,9.05L19.23,31.2v0.75V31.2L19.23,31.2z'
+      />
+    </g>
+  </svg>
+);
+
+const GridCrane = (props: SVGProps<SVGSVGElement>) => (
+  <svg fill='#000000' width='800px' height='800px' viewBox='0 0 50 50'>
+    <path d='M43.90625 1.96875C43.863281 1.976563 43.820313 1.988281 43.78125 2L40 2C39.730469 2 39.46875 2.121094 39.28125 2.3125L25.21875 16.59375L26.4375 18.15625L30.21875 14.34375L30.90625 20.875L29.8125 22.5L30.9375 23.96875C30.988281 24.035156 31.046875 24.089844 31.09375 24.15625L43 6.3125L43 28.28125C42.402344 28.628906 42 29.261719 42 30C42 30.738281 42.402344 31.371094 43 31.71875L43 32.96875C43 33.90625 43.609375 34.789063 44.5625 35.0625C45.503906 35.332031 46.164063 36.265625 45.96875 37.375C45.832031 38.148438 45.152344 38.832031 44.375 38.96875C43.0625 39.199219 42 38.238281 42 37C42.003906 36.640625 41.816406 36.304688 41.503906 36.121094C41.191406 35.941406 40.808594 35.941406 40.496094 36.121094C40.183594 36.304688 39.996094 36.640625 40 37C40 39.433594 42.238281 41.371094 44.71875 40.9375C46.355469 40.648438 47.652344 39.355469 47.9375 37.71875C48.304688 35.625 46.992188 33.695313 45.09375 33.15625C45.054688 33.144531 45 33.0625 45 32.96875L45 31.71875C45.597656 31.371094 46 30.738281 46 30C46 29.261719 45.597656 28.628906 45 28.28125L45 3.0625C45.003906 3.015625 45.003906 2.953125 45 2.90625C44.992188 2.863281 44.980469 2.820313 44.96875 2.78125C44.949219 2.695313 44.917969 2.609375 44.875 2.53125C44.832031 2.453125 44.78125 2.378906 44.71875 2.3125C44.691406 2.277344 44.660156 2.246094 44.625 2.21875C44.550781 2.15625 44.464844 2.101563 44.375 2.0625C44.34375 2.050781 44.316406 2.039063 44.28125 2.03125C44.160156 1.988281 44.035156 1.964844 43.90625 1.96875 Z M 40.40625 4L42.125 4L38.71875 9.125L38.4375 5.96875 Z M 36.59375 7.875L36.84375 10.9375L33.34375 11.15625 Z M 36.15625 12.96875L32.625 18.25L32.09375 13.25 Z M 8 16C6.347656 16 5 17.347656 5 19L5 31C5 32.652344 6.347656 34 8 34L11 34L11 36L8 36C4.691406 36 2 38.691406 2 42C2 45.308594 4.691406 48 8 48L30 48C33.308594 48 36 45.308594 36 42C36 38.691406 33.308594 36 30 36L27 36L27 34L28 34C29.652344 34 31 32.652344 31 31L31 27C30.992188 26.125 30.691406 25.253906 30.15625 24.5625L24.40625 17.15625C23.839844 16.433594 22.949219 16 22.03125 16 Z M 18.3125 18L22.03125 18C22.339844 18 22.625 18.132813 22.8125 18.375L28.59375 25.8125C28.859375 26.152344 28.992188 26.566406 29 27L20.75 27 Z M 13 34L25 34L25 36L13 36 Z M 8 40C9.105469 40 10 40.894531 10 42C10 43.105469 9.105469 44 8 44C6.894531 44 6 43.105469 6 42C6 40.894531 6.894531 40 8 40 Z M 14 40C15.105469 40 16 40.894531 16 42C16 43.105469 15.105469 44 14 44C12.894531 44 12 43.105469 12 42C12 40.894531 12.894531 40 14 40 Z M 24 40C25.105469 40 26 40.894531 26 42C26 43.105469 25.105469 44 24 44C22.894531 44 22 43.105469 22 42C22 40.894531 22.894531 40 24 40 Z M 30 40C31.105469 40 32 40.894531 32 42C32 43.105469 31.105469 44 30 44C28.894531 44 28 43.105469 28 42C28 40.894531 28.894531 40 30 40Z' />
+  </svg>
+);
+
+const GridHouseWithAttic = (props: SVGProps<SVGSVGElement>) => (
+  <svg fill='#000000' width='800px' height='800px' viewBox='-20 0 158 158'>
+    <path
+      d='     M 110.055523872375,70.4044661521912     C 110.055523872375,70.4044661521912 110.055523872375,156.08903169632 110.055523872375,156.08903169632     C 110.055523872375,156.08903169632 7.11745285987854,156.08903169632 7.11745285987854,156.08903169632     C 7.11745285987854,156.08903169632 7.11745285987854,70.4044661521912 7.11745285987854,70.4044661521912     C 7.11745285987854,70.4044661521912 1.26048851013184,70.4044661521912 1.26048851013184,70.4044661521912     C 1.26048851013184,70.4044661521912 15.656035900116,27.1970655918121 15.656035900116,27.1970655918121     C 15.656035900116,27.1970655918121 33.6504279375076,27.1970655918121 33.6504279375076,27.1970655918121     C 33.6504279375076,27.1970655918121 57.0430201292038,1.9928537607193 57.0430201292038,1.9928537607193     C 57.0430201292038,1.9928537607193 80.435696721077,27.1970655918121 80.435696721077,27.1970655918121     C 80.435696721077,27.1970655918121 98.4301801919937,27.1970655918121 98.4301801919937,27.1970655918121     C 98.4301801919937,27.1970655918121 116.42444562912,70.4044661521912 116.42444562912,70.4044661521912     C 116.42444562912,70.4044661521912 110.055523872375,70.4044661521912 110.055523872375,70.4044661521912     Z     M 61.2259562015533,118.22893512249     C 61.2259562015533,118.22893512249 68.190869808197,118.22893512249 68.190869808197,118.22893512249     C 68.190869808197,118.22893512249 68.190869808197,106.959753990173 68.190869808197,106.959753990173     C 68.190869808197,103.531470298767 65.2349786758423,100.649064540863 61.2259562015533,99.8119587898254     C 61.2259562015533,99.8119587898254 61.2259562015533,118.22893512249 61.2259562015533,118.22893512249     Z     M 49.4600369930267,118.22893512249     C 49.4600369930267,118.22893512249 57.2667298316956,118.22893512249 57.2667298316956,118.22893512249     C 57.2667298316956,118.22893512249 57.2667298316956,99.6696127653122 57.2667298316956,99.6696127653122     C 52.8366841077805,100.255835413933 49.4600369930267,103.29560816288 49.4600369930267,106.959753990173     C 49.4600369930267,106.959753990173 49.4600369930267,118.22893512249 49.4600369930267,118.22893512249     Z     M 76.8368872404099,30.7976901531219     C 76.8368872404099,30.7976901531219 76.6576634645462,30.6020785570145 76.6576634645462,30.6020785570145     C 76.6576634645462,30.6020785570145 37.9218575954437,30.0635368824005 37.9218575954437,30.0635368824005     C 37.9218575954437,30.0635368824005 37.2492374181747,30.7976901531219 37.2492374181747,30.7976901531219     C 37.2492374181747,30.7976901531219 37.2492374181747,66.3047311306 37.2492374181747,66.3047311306     C 37.2492374181747,66.3047311306 76.8368872404099,66.3047311306 76.8368872404099,66.3047311306     C 76.8368872404099,66.3047311306 76.8368872404099,30.7976901531219 76.8368872404099,30.7976901531219     Z     M 105.716939806938,70.5912817716599     C 105.716939806938,70.5912817716599 11.4560017585754,70.5912817716599 11.4560017585754,70.5912817716599     C 11.4560017585754,70.5912817716599 11.4560017585754,151.802584648132 11.4560017585754,151.802584648132     C 11.4560017585754,151.802584648132 45.4456129074097,151.802584648132 45.4456129074097,151.802584648132     C 45.4456129074097,151.802584648132 45.4456129074097,104.73503112793 45.4456129074097,104.73503112793     C 45.4456129074097,98.9012832641602 51.4356904029846,94.1721650362015 58.824792265892,94.1721650362015     C 66.2139785289764,94.1721650362015 72.2039645910263,98.9012832641602 72.2039645910263,104.73503112793     C 72.2039645910263,104.73503112793 72.2039645910263,151.802584648132 72.2039645910263,151.802584648132     C 72.2039645910263,151.802584648132 105.716939806938,151.802584648132 105.716939806938,151.802584648132     C 105.716939806938,151.802584648132 105.716939806938,70.5912817716599 105.716939806938,70.5912817716599     Z     M 102.051404953003,85.4499371051788     C 102.051404953003,85.4499371051788 100.571335315704,85.4499371051788 100.571335315704,85.4499371051788     C 100.571335315704,85.4499371051788 100.571335315704,107.795607209206 100.571335315704,107.795607209206     C 100.571335315704,107.795607209206 76.8164412975311,107.795607209206 76.8164412975311,107.795607209206     C 76.8164412975311,107.795607209206 76.8164412975311,85.4499371051788 76.8164412975311,85.4499371051788     C 76.8164412975311,85.4499371051788 74.9971743822098,85.4499371051788 74.9971743822098,85.4499371051788     C 74.9971743822098,85.4499371051788 74.9971743822098,80.8286496400833 74.9971743822098,80.8286496400833     C 74.9971743822098,80.8286496400833 102.051404953003,80.8286496400833 102.051404953003,80.8286496400833     C 102.051404953003,80.8286496400833 102.051404953003,85.4499371051788 102.051404953003,85.4499371051788     Z     M 90.3028018474579,105.102183103561     C 90.3028018474579,105.102183103561 98.0620477199554,105.102183103561 98.0620477199554,105.102183103561     C 98.0620477199554,105.102183103561 98.0620477199554,97.3393193483353 98.0620477199554,97.3393193483353     C 98.0620477199554,97.3393193483353 90.3028018474579,97.3393193483353 90.3028018474579,97.3393193483353     C 90.3028018474579,97.3393193483353 90.3028018474579,105.102183103561 90.3028018474579,105.102183103561     Z     M 90.3028018474579,94.0782063007355     C 90.3028018474579,94.0782063007355 98.0620477199554,94.0782063007355 98.0620477199554,94.0782063007355     C 98.0620477199554,94.0782063007355 98.0620477199554,86.3152860403061 98.0620477199554,86.3152860403061     C 98.0620477199554,86.3152860403061 90.3028018474579,86.3152860403061 90.3028018474579,86.3152860403061     C 90.3028018474579,86.3152860403061 90.3028018474579,94.0782063007355 90.3028018474579,94.0782063007355     Z     M 79.2841618061066,105.102183103561     C 79.2841618061066,105.102183103561 87.0433232784271,105.102183103561 87.0433232784271,105.102183103561     C 87.0433232784271,105.102183103561 87.0433232784271,97.3393193483353 87.0433232784271,97.3393193483353     C 87.0433232784271,97.3393193483353 79.2841618061066,97.3393193483353 79.2841618061066,97.3393193483353     C 79.2841618061066,97.3393193483353 79.2841618061066,105.102183103561 79.2841618061066,105.102183103561     Z     M 79.2841618061066,94.0782063007355     C 79.2841618061066,94.0782063007355 87.0433232784271,94.0782063007355 87.0433232784271,94.0782063007355     C 87.0433232784271,94.0782063007355 87.0433232784271,86.3152860403061 87.0433232784271,86.3152860403061     C 87.0433232784271,86.3152860403061 79.2841618061066,86.3152860403061 79.2841618061066,86.3152860403061     C 79.2841618061066,86.3152860403061 79.2841618061066,94.0782063007355 79.2841618061066,94.0782063007355     Z     M 100.571335315704,140.201068162918     C 100.571335315704,140.201068162918 76.8164412975311,140.201068162918 76.8164412975311,140.201068162918     C 76.8164412975311,140.201068162918 76.8164412975311,115.774584531784 76.8164412975311,115.774584531784     C 76.8164412975311,115.774584531784 100.571335315704,115.774584531784 100.571335315704,115.774584531784     C 100.571335315704,115.774584531784 100.571335315704,140.201068162918 100.571335315704,140.201068162918     Z     M 87.0433232784271,118.720803499222     C 87.0433232784271,118.720803499222 79.2841618061066,118.720803499222 79.2841618061066,118.720803499222     C 79.2841618061066,118.720803499222 79.2841618061066,126.483714342117 79.2841618061066,126.483714342117     C 79.2841618061066,126.483714342117 87.0433232784271,126.483714342117 87.0433232784271,126.483714342117     C 87.0433232784271,126.483714342117 87.0433232784271,118.720803499222 87.0433232784271,118.720803499222     Z     M 87.0433232784271,129.744827389717     C 87.0433232784271,129.744827389717 79.2841618061066,129.744827389717 79.2841618061066,129.744827389717     C 79.2841618061066,129.744827389717 79.2841618061066,137.507747650146 79.2841618061066,137.507747650146     C 79.2841618061066,137.507747650146 87.0433232784271,137.507747650146 87.0433232784271,137.507747650146     C 87.0433232784271,137.507747650146 87.0433232784271,129.744827389717 87.0433232784271,129.744827389717     Z     M 98.0620477199554,118.720803499222     C 98.0620477199554,118.720803499222 90.3028018474579,118.720803499222 90.3028018474579,118.720803499222     C 90.3028018474579,118.720803499222 90.3028018474579,126.483714342117 90.3028018474579,126.483714342117     C 90.3028018474579,126.483714342117 98.0620477199554,126.483714342117 98.0620477199554,126.483714342117     C 98.0620477199554,126.483714342117 98.0620477199554,118.720803499222 98.0620477199554,118.720803499222     Z     M 98.0620477199554,129.744827389717     C 98.0620477199554,129.744827389717 90.3028018474579,129.744827389717 90.3028018474579,129.744827389717     C 90.3028018474579,129.744827389717 90.3028018474579,137.507747650146 90.3028018474579,137.507747650146     C 90.3028018474579,137.507747650146 98.0620477199554,137.507747650146 98.0620477199554,137.507747650146     C 98.0620477199554,137.507747650146 98.0620477199554,129.744827389717 98.0620477199554,129.744827389717     Z     M 41.2499957084656,107.795607209206     C 41.2499957084656,107.795607209206 17.4951016902924,107.795607209206 17.4951016902924,107.795607209206     C 17.4951016902924,107.795607209206 17.4951016902924,85.4499371051788 17.4951016902924,85.4499371051788     C 17.4951016902924,85.4499371051788 15.6955914497375,85.4499371051788 15.6955914497375,85.4499371051788     C 15.6955914497375,85.4499371051788 15.6955914497375,80.8286496400833 15.6955914497375,80.8286496400833     C 15.6955914497375,80.8286496400833 42.7498571872711,80.8286496400833 42.7498571872711,80.8286496400833     C 42.7498571872711,80.8286496400833 42.7498571872711,85.4499371051788 42.7498571872711,85.4499371051788     C 42.7498571872711,85.4499371051788 41.2499957084656,85.4499371051788 41.2499957084656,85.4499371051788     C 41.2499957084656,85.4499371051788 41.2499957084656,107.795607209206 41.2499957084656,107.795607209206     Z     M 30.9814622402191,105.102183103561     C 30.9814622402191,105.102183103561 38.7406659126282,105.102183103561 38.7406659126282,105.102183103561     C 38.7406659126282,105.102183103561 38.7406659126282,97.3393193483353 38.7406659126282,97.3393193483353     C 38.7406659126282,97.3393193483353 30.9814622402191,97.3393193483353 30.9814622402191,97.3393193483353     C 30.9814622402191,97.3393193483353 30.9814622402191,105.102183103561 30.9814622402191,105.102183103561     Z     M 30.9814622402191,94.0782063007355     C 30.9814622402191,94.0782063007355 38.7406659126282,94.0782063007355 38.7406659126282,94.0782063007355     C 38.7406659126282,94.0782063007355 38.7406659126282,86.3152860403061 38.7406659126282,86.3152860403061     C 38.7406659126282,86.3152860403061 30.9814622402191,86.3152860403061 30.9814622402191,86.3152860403061     C 30.9814622402191,86.3152860403061 30.9814622402191,94.0782063007355 30.9814622402191,94.0782063007355     Z     M 19.9627799987793,105.102183103561     C 19.9627799987793,105.102183103561 27.7219836711884,105.102183103561 27.7219836711884,105.102183103561     C 27.7219836711884,105.102183103561 27.7219836711884,97.3393193483353 27.7219836711884,97.3393193483353     C 27.7219836711884,97.3393193483353 19.9627799987793,97.3393193483353 19.9627799987793,97.3393193483353     C 19.9627799987793,97.3393193483353 19.9627799987793,105.102183103561 19.9627799987793,105.102183103561     Z     M 19.9627799987793,94.0782063007355     C 19.9627799987793,94.0782063007355 27.7219836711884,94.0782063007355 27.7219836711884,94.0782063007355     C 27.7219836711884,94.0782063007355 27.7219836711884,86.3152860403061 27.7219836711884,86.3152860403061     C 27.7219836711884,86.3152860403061 19.9627799987793,86.3152860403061 19.9627799987793,86.3152860403061     C 19.9627799987793,86.3152860403061 19.9627799987793,94.0782063007355 19.9627799987793,94.0782063007355     Z     M 41.2499957084656,140.201068162918     C 41.2499957084656,140.201068162918 17.4951016902924,140.201068162918 17.4951016902924,140.201068162918     C 17.4951016902924,140.201068162918 17.4951016902924,115.774584531784 17.4951016902924,115.774584531784     C 17.4951016902924,115.774584531784 41.2499957084656,115.774584531784 41.2499957084656,115.774584531784     C 41.2499957084656,115.774584531784 41.2499957084656,140.201068162918 41.2499957084656,140.201068162918     Z     M 27.7219836711884,118.720803499222     C 27.7219836711884,118.720803499222 19.9627799987793,118.720803499222 19.9627799987793,118.720803499222     C 19.9627799987793,118.720803499222 19.9627799987793,126.483714342117 19.9627799987793,126.483714342117     C 19.9627799987793,126.483714342117 27.7219836711884,126.483714342117 27.7219836711884,126.483714342117     C 27.7219836711884,126.483714342117 27.7219836711884,118.720803499222 27.7219836711884,118.720803499222     Z     M 27.7219836711884,129.744827389717     C 27.7219836711884,129.744827389717 19.9627799987793,129.744827389717 19.9627799987793,129.744827389717     C 19.9627799987793,129.744827389717 19.9627799987793,137.507747650146 19.9627799987793,137.507747650146     C 19.9627799987793,137.507747650146 27.7219836711884,137.507747650146 27.7219836711884,137.507747650146     C 27.7219836711884,137.507747650146 27.7219836711884,129.744827389717 27.7219836711884,129.744827389717     Z     M 38.7406659126282,118.720803499222     C 38.7406659126282,118.720803499222 30.9814622402191,118.720803499222 30.9814622402191,118.720803499222     C 30.9814622402191,118.720803499222 30.9814622402191,126.483714342117 30.9814622402191,126.483714342117     C 30.9814622402191,126.483714342117 38.7406659126282,126.483714342117 38.7406659126282,126.483714342117     C 38.7406659126282,126.483714342117 38.7406659126282,118.720803499222 38.7406659126282,118.720803499222     Z     M 38.7406659126282,129.744827389717     C 38.7406659126282,129.744827389717 30.9814622402191,129.744827389717 30.9814622402191,129.744827389717     C 30.9814622402191,129.744827389717 30.9814622402191,137.507747650146 30.9814622402191,137.507747650146     C 30.9814622402191,137.507747650146 38.7406659126282,137.507747650146 38.7406659126282,137.507747650146     C 38.7406659126282,137.507747650146 38.7406659126282,129.744827389717 38.7406659126282,129.744827389717     Z     M 69.1811370849609,59.1873922348022     C 69.1811370849609,59.1873922348022 45.4262008666992,59.1873922348022 45.4262008666992,59.1873922348022     C 45.4262008666992,59.1873922348022 45.4262008666992,34.7607485055923 45.4262008666992,34.7607485055923     C 45.4262008666992,34.7607485055923 69.1811370849609,34.7607485055923 69.1811370849609,34.7607485055923     C 69.1811370849609,34.7607485055923 69.1811370849609,59.1873922348022 69.1811370849609,59.1873922348022     Z     M 55.6531672477722,37.7070145606995     C 55.6531672477722,37.7070145606995 47.8940057754517,37.7070145606995 47.8940057754517,37.7070145606995     C 47.8940057754517,37.7070145606995 47.8940057754517,45.4699348211288 47.8940057754517,45.4699348211288     C 47.8940057754517,45.4699348211288 55.6531672477722,45.4699348211288 55.6531672477722,45.4699348211288     C 55.6531672477722,45.4699348211288 55.6531672477722,37.7070145606995 55.6531672477722,37.7070145606995     Z     M 55.6531672477722,48.7310007810593     C 55.6531672477722,48.7310007810593 47.8940057754517,48.7310007810593 47.8940057754517,48.7310007810593     C 47.8940057754517,48.7310007810593 47.8940057754517,56.4939116239548 47.8940057754517,56.4939116239548     C 47.8940057754517,56.4939116239548 55.6531672477722,56.4939116239548 55.6531672477722,56.4939116239548     C 55.6531672477722,56.4939116239548 55.6531672477722,48.7310007810593 55.6531672477722,48.7310007810593     Z     M 66.6718916893005,37.7070145606995     C 66.6718916893005,37.7070145606995 58.91273021698,37.7070145606995 58.91273021698,37.7070145606995     C 58.91273021698,37.7070145606995 58.91273021698,45.4699348211288 58.91273021698,45.4699348211288     C 58.91273021698,45.4699348211288 66.6718916893005,45.4699348211288 66.6718916893005,45.4699348211288     C 66.6718916893005,45.4699348211288 66.6718916893005,37.7070145606995 66.6718916893005,37.7070145606995     Z     M 66.6718916893005,48.7310007810593     C 66.6718916893005,48.7310007810593 58.91273021698,48.7310007810593 58.91273021698,48.7310007810593     C 58.91273021698,48.7310007810593 58.91273021698,56.4939116239548 58.91273021698,56.4939116239548     C 58.91273021698,56.4939116239548 66.6718916893005,56.4939116239548 66.6718916893005,56.4939116239548     C 66.6718916893005,56.4939116239548 66.6718916893005,48.7310007810593 66.6718916893005,48.7310007810593     Z '
+      fill-rule='nonzero'
+      id='house-shape-PhotoshopSupply.com'
+    />
+  </svg>
+);
+
+const GridMortgage = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    viewBox='0 0 512.015 512.015'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <g>
+          <path
+            d='M230.4,166.408c-4.719,0-8.533,3.823-8.533,8.533v106.667c0,4.71,3.814,8.533,8.533,8.533h256
+				c4.719,0,8.533-3.823,8.533-8.533V174.941c0-4.71-3.814-8.533-8.533-8.533s-8.533,3.823-8.533,8.533v98.133H358.4V162.141
+				c0-4.71-3.814-8.533-8.533-8.533H281.6c-4.719,0-8.533,3.823-8.533,8.533v110.933h-34.133v-98.133
+				C238.933,170.231,235.119,166.408,230.4,166.408z M290.133,170.674h51.2v42.667H332.8c-4.719,0-8.533,3.823-8.533,8.533
+				c0,4.71,3.814,8.533,8.533,8.533h8.533v42.667h-51.2V170.674z'
+          />
+          <path
+            d='M210.065,161.492c1.058,0.435,2.167,0.649,3.268,0.649c2.219,0,4.403-0.87,6.033-2.5L358.426,20.59l139.008,139.051
+				c2.449,2.449,6.118,3.183,9.301,1.852c3.183-1.323,5.265-4.437,5.265-7.885v-128c0-4.71-3.814-8.533-8.533-8.533h-85.333
+				c-4.719,0-8.533,3.823-8.533,8.533c0,4.71,3.814,8.533,8.533,8.533h76.8V133L364.484,2.508c-3.2-3.2-8.917-3.2-12.117,0
+				l-130.5,130.5V34.141h42.667c4.719,0,8.533-3.823,8.533-8.533v-8.533h17.067v8.533c0,4.71,3.814,8.533,8.533,8.533
+				s8.533-3.823,8.533-8.533V8.541c0-4.71-3.814-8.533-8.533-8.533h-34.133c-4.719,0-8.533,3.823-8.533,8.533v8.533h-42.667
+				c-4.719,0-8.533,3.823-8.533,8.533v128C204.8,157.055,206.874,160.17,210.065,161.492z'
+          />
+          <path
+            d='M435.2,238.941c4.719,0,8.533-3.823,8.533-8.533v-68.267c0-4.71-3.814-8.533-8.533-8.533H384
+				c-4.719,0-8.533,3.823-8.533,8.533v68.267c0,4.71,3.814,8.533,8.533,8.533H435.2z M392.533,170.674h34.133v51.2h-34.133V170.674z
+				'
+          />
+          <path
+            d='M42.667,456.541c0-7.057-5.743-12.8-12.8-12.8c-7.057,0-12.8,5.743-12.8,12.8c0,7.057,5.743,12.8,12.8,12.8
+				C36.924,469.341,42.667,463.598,42.667,456.541z'
+          />
+          <path
+            d='M507.426,358.408c-9.412-16.307-30.362-21.888-46.089-12.774l-98.219,47.804c-15.266,7.637-30.677,7.637-64.452,7.637
+				c-33.015,0-83.422-8.337-83.934-8.414c-4.642-0.768-9.045,2.364-9.813,7.006c-0.777,4.651,2.364,9.054,7.014,9.822
+				c2.116,0.358,52.292,8.653,86.733,8.653c35.43,0,53.214,0,72.004-9.395l98.662-48.051c3.942-2.278,8.533-2.884,12.954-1.707
+				c4.395,1.186,8.081,4.011,10.351,7.953c2.287,3.951,2.893,8.55,1.715,12.954s-4.002,8.081-8.192,10.505l-115.379,71.808
+				c-0.239,0.162-24.858,15.667-80.648,15.667c-48.375,0-123.11-41.182-124.186-41.771c-0.777-0.375-19.277-9.429-55.014-9.429
+				c-4.719,0-8.533,3.823-8.533,8.533s3.814,8.533,8.533,8.533c31.036,0,47.027,7.467,47.061,7.467v-0.009
+				c3.226,1.792,79.334,43.742,132.139,43.742c61.611,0,88.934-17.749,89.839-18.355l114.961-71.552
+				c7.893-4.557,13.542-11.921,15.898-20.719C513.203,375.5,511.983,366.301,507.426,358.408z'
+          />
+          <path
+            d='M110.933,324.274H179.2c9.958,0,26.88,12.698,41.813,23.893c18.722,14.046,36.412,27.307,52.053,27.307h51.2
+				c12.962,0,19.396,5.879,19.567,6.033c1.664,1.664,3.849,2.5,6.033,2.5c2.185,0,4.369-0.836,6.033-2.5
+				c3.336-3.337,3.336-8.73,0-12.066c-1.126-1.126-11.605-11.034-31.633-11.034h-51.2c-9.958,0-26.88-12.698-41.813-23.893
+				c-18.722-14.046-36.412-27.307-52.053-27.307h-68.267c-4.719,0-8.533,3.823-8.533,8.533S106.214,324.274,110.933,324.274z'
+          />
+          <path
+            d='M59.733,273.074h-51.2c-4.719,0-8.533,3.823-8.533,8.533s3.814,8.533,8.533,8.533h51.2c4.71,0,8.533,3.831,8.533,8.533
+				v187.733c0,4.702-3.823,8.533-8.533,8.533h-51.2c-4.719,0-8.533,3.823-8.533,8.533s3.814,8.533,8.533,8.533h51.2
+				c14.114,0,25.6-11.486,25.6-25.6V298.674C85.333,284.56,73.847,273.074,59.733,273.074z'
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+const GridOffice = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    height='800px'
+    width='800px'
+    version='1.1'
+    id='Layer_1'
+    viewBox='0 0 512 512'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <g>
+          <path
+            d='M96,234.659H53.333c-5.888,0-10.667,4.779-10.667,10.667v85.333c0,5.888,4.779,10.667,10.667,10.667H96
+				c5.888,0,10.667-4.779,10.667-10.667v-85.333C106.667,239.437,101.888,234.659,96,234.659z M85.333,319.992H64v-64h21.333
+				V319.992z'
+          />
+          <path
+            d='M96,362.659H53.333c-5.888,0-10.667,4.779-10.667,10.667v85.333c0,5.888,4.779,10.667,10.667,10.667H96
+				c5.888,0,10.667-4.779,10.667-10.667v-85.333C106.667,367.437,101.888,362.659,96,362.659z M85.333,447.992H64v-64h21.333
+				V447.992z'
+          />
+          <path
+            d='M202.667,362.659H160c-5.888,0-10.667,4.779-10.667,10.667v85.333c0,5.888,4.779,10.667,10.667,10.667h42.667
+				c5.888,0,10.667-4.779,10.667-10.667v-85.333C213.333,367.437,208.555,362.659,202.667,362.659z M192,447.992h-21.333v-64H192
+				V447.992z'
+          />
+          <path
+            d='M504.469,85.795L227.136,0.461c-3.243-0.96-6.763-0.384-9.472,1.621c-2.731,2.005-4.331,5.184-4.331,8.576v128.277
+				L7.019,213.965C2.795,215.501,0,219.512,0,223.992v277.333c0,5.888,4.779,10.667,10.667,10.667h490.667
+				c5.888,0,10.667-4.779,10.667-10.667V95.992C512,91.299,508.949,87.16,504.469,85.795z M234.667,490.659H21.333v-259.2
+				l206.293-75.008h0.021l7.019-2.56V490.659z M490.667,490.659H256v-352c0-1.749-0.427-3.435-1.195-4.928
+				c-0.768-1.493-1.92-2.816-3.349-3.819c-2.859-1.984-6.507-2.496-9.771-1.28l-7.019,2.539V25.101l256,78.763V490.659z'
+          />
+          <path
+            d='M288,341.325h42.667c5.888,0,10.667-4.779,10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667H288
+				c-5.888,0-10.667,4.779-10.667,10.667v85.333C277.333,336.547,282.112,341.325,288,341.325z M298.667,255.992H320v64h-21.333
+				V255.992z'
+          />
+          <path
+            d='M202.667,234.659H160c-5.888,0-10.667,4.779-10.667,10.667v85.333c0,5.888,4.779,10.667,10.667,10.667h42.667
+				c5.888,0,10.667-4.779,10.667-10.667v-85.333C213.333,239.437,208.555,234.659,202.667,234.659z M192,319.992h-21.333v-64H192
+				V319.992z'
+          />
+          <path
+            d='M288,213.325h42.667c5.888,0,10.667-4.779,10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667H288
+				c-5.888,0-10.667,4.779-10.667,10.667v85.333C277.333,208.547,282.112,213.325,288,213.325z M298.667,127.992H320v64h-21.333
+				V127.992z'
+          />
+          <path
+            d='M288,469.325h42.667c5.888,0,10.667-4.779,10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667H288
+				c-5.888,0-10.667,4.779-10.667,10.667v85.333C277.333,464.547,282.112,469.325,288,469.325z M298.667,383.992H320v64h-21.333
+				V383.992z'
+          />
+          <path
+            d='M394.667,213.325h42.667c5.888,0,10.667-4.779,10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667h-42.667
+				c-5.888,0-10.667,4.779-10.667,10.667v85.333C384,208.547,388.779,213.325,394.667,213.325z M405.333,127.992h21.333v64h-21.333
+				V127.992z'
+          />
+          <path
+            d='M394.667,341.325h42.667c5.888,0,10.667-4.779,10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667h-42.667
+				c-5.888,0-10.667,4.779-10.667,10.667v85.333C384,336.547,388.779,341.325,394.667,341.325z M405.333,255.992h21.333v64h-21.333
+				V255.992z'
+          />
+          <path
+            d='M394.667,469.325h42.667c5.888,0,10.667-4.779,10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667h-42.667
+				c-5.888,0-10.667,4.779-10.667,10.667v85.333C384,464.547,388.779,469.325,394.667,469.325z M405.333,383.992h21.333v64h-21.333
+				V383.992z'
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+const GridStore = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill='#000000'
+    version='1.1'
+    id='Layer_1'
+    viewBox='0 0 415.997 415.997'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <path
+          d='M380.001,203.999c-6.628,0-12,5.372-12,12v120c0,2.168-1.832,4-4,4h-312c-2.168,0-4-1.832-4-4v-128
+			c0-6.628-5.372-12-12-12s-12,5.372-12,12v128c0,15.436,12.56,28,28,28h312c15.44,0,28-12.56,28-28v-120
+			C392.001,209.371,386.629,203.999,380.001,203.999z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M348.001,131.999h-272c-6.628,0-12,5.372-12,12s5.372,12,12,12h272c6.628,0,12-5.372,12-12
+			S354.629,131.999,348.001,131.999z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M410.273,125.011l-31.5-93.672c-4.48-13.304-18.436-23.34-32.476-23.34H73.873c-13.884,0-27.988,9.82-32.804,22.844
+			L6.297,124.827c-2.836,7.672-2.04,15.548,2.188,21.62c4.224,6.072,11.34,9.552,19.516,9.552h360
+			c8.104,0,15.232-3.444,19.544-9.452C411.861,140.543,412.857,132.691,410.273,125.011z M29.233,131.999l34.344-92.828
+			c1.312-3.556,6.508-7.172,10.296-7.172h272.424c3.652,0,8.564,3.528,9.728,6.988l31.28,93.012H29.233z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M340.001,203.999c-4.416,0-8,3.58-8,8v100h-132v-112c0-4.42-3.584-8-8-8s-8,3.58-8,8v120c0,4.416,3.584,8,8,8h148
+			c4.416,0,8-3.58,8-8v-108C348.001,207.579,344.417,203.999,340.001,203.999z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <rect
+          x='224.112'
+          y='263.997'
+          transform='matrix(0.7071 -0.7071 0.7071 0.7071 -106.8076 286.1366)'
+          width='135.763'
+          height='16'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M156.001,203.999c-4.416,0-8,3.58-8,8v128h-64v-128c0-4.42-3.584-8-8-8s-8,3.58-8,8v136c0,4.416,3.584,8,8,8h80
+			c4.416,0,8-3.58,8-8v-136C164.001,207.579,160.417,203.999,156.001,203.999z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M404.001,131.999h-392c-4.416,0-8,3.58-8,8v24c0,1.324,0.324,2.576,0.892,3.672c2.364,29.164,27.092,52.328,56.692,52.328
+			c20.516,0,37.836-10.912,47.124-27.784c10.588,16.48,29.668,27.784,50.712,27.784c20.528,0,38.704-11.544,48.628-28.66
+			c10.04,17.116,28.432,28.66,49.204,28.66c20.88,0,39.808-11.392,50.256-27.972c9.516,16.84,27.16,27.972,47.576,27.972
+			c30.472,0,55.776-24.548,56.84-54.912c0.052-0.352,0.076-0.716,0.076-1.088v-24C412.001,135.579,408.417,131.999,404.001,131.999z
+			 M395.997,163.127c-0.024,0.24-0.04,0.48-0.044,0.724c-0.408,22.136-18.744,40.148-40.872,40.148
+			c-21.856,0-38.66-17.26-39.084-40.148c-0.08-4.36-3.636-7.852-7.996-7.852s-7.916,3.492-7.996,7.852
+			c-0.404,21.76-19.98,40.148-42.752,40.148c-21.94,0-40.832-19.016-41.252-41.524c-0.08-4.36-3.636-7.852-7.996-7.852
+			c-4.364,0-7.92,3.492-8,7.852c-0.424,22.896-18.632,41.524-40.584,41.524c-23.132,0-43.016-18.388-43.42-40.148
+			c-0.084-4.36-3.636-7.852-8-7.852s-7.92,3.492-8,7.852c-0.424,22.888-16.94,40.148-38.42,40.148
+			c-22.124,0-40.456-18.012-40.868-40.148c-0.02-1.124-0.272-2.196-0.712-3.16v-12.692h375.996V163.127z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M208.001,11.999c-4.416,0-8,3.584-8,8v141.144c0,4.416,3.584,8,8,8c4.416,0,8-3.58,8-8V19.999
+			C216.001,15.583,212.417,11.999,208.001,11.999z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M315.777,133.835l-28-115.716c-1.04-4.296-5.376-6.936-9.656-5.896c-4.296,1.04-6.936,5.364-5.896,9.66l27.776,114.784
+			v28.188c0,4.416,3.584,8,8,8c4.416,0,8-3.584,8-8v-29.14C316.001,135.083,315.925,134.447,315.777,133.835z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M142.133,12.291c-4.264-1.164-8.668,1.32-9.844,5.576l-32,115.716c-0.192,0.696-0.288,1.412-0.288,2.132v40.284
+			c0,4.416,3.584,8,8,8s8-3.58,8-8v-39.2l31.712-114.664C148.889,17.875,146.389,13.471,142.133,12.291z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M404.001,347.999h-392c-4.416,0-8,3.584-8,8v44c0,4.416,3.584,8,8,8h392c4.416,0,8-3.58,8-8v-44
+			C412.001,351.583,408.417,347.999,404.001,347.999z M396.001,391.999h-376v-28h376V391.999z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M415.913,165.399c0.056-0.464,0.084-0.932,0.084-1.408v-24c0-1.352-0.232-2.692-0.676-3.964L378.705,31.419
+			c-4.412-13.352-16.64-23.42-30.704-23.42h-276c-13.912,0-26.12,9.86-30.792,22.724L0.801,135.683
+			c-0.572,1.488-0.844,3.076-0.796,4.668l0.712,23.864c0.36,19.532,9.844,40.032,23.284,51.56v124.224h-12c-6.628,0-12,5.372-12,12
+			v44c0,6.628,5.372,12,12,12h392c6.628,0,12-5.372,11.996-12.008v-44c0-6.628-5.368-11.992-11.996-11.992h-12l-0.004-123.832
+			C405.725,204.883,415.197,185.139,415.913,165.399z M392.001,162.931c-0.024,0.28-0.04,0.564-0.044,0.844
+			c-0.264,14.26-8.212,30.032-18.092,35.912c-3.636,2.164-5.864,6.08-5.864,10.312v142c0,6.628,5.372,12,12,12h12v20h-368v-20h12
+			c6.628,0,12-9.372,12-16v-136c0-4.16-2.156-10.276-5.696-12.468c-9.604-5.928-17.328-21.636-17.592-35.896l-0.644-21.584
+			l39.624-102.92c1.28-3.536,6.42-7.136,10.18-7.136h272.428c3.628,0,8.484,3.512,9.692,7.156l36.008,102.884V162.931z'
+        />
+      </g>
+    </g>
+    <g>
+      <g>
+        <circle cx='132.001' cy='271.999' r='8' />
+      </g>
+    </g>
+    <g>
+      <g>
+        <path
+          d='M316.045,183.095c-4.916-4.44-12.508-4.06-16.948,0.864l-112,124c-4.444,4.916-4.056,12.508,0.86,16.948
+			c2.296,2.072,5.172,3.092,8.04,3.092c3.276,0,6.54-1.332,8.908-3.956l112-124C321.349,195.127,320.961,187.535,316.045,183.095z'
+        />
+      </g>
+    </g>
+  </svg>
+);
+
+const GridWrite = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    version='1.1'
+    id='WRITE'
+    width='800px'
+    height='800px'
+    viewBox='0 0 1800 1800'
+    enable-background='new 0 0 1800 1800'
+    xmlSpace='preserve'
+  >
+    <g>
+      <path
+        fill='#333333'
+        d='M241.023,324.818c0.252,0,0.505,0.035,0.758,0.035h465.68c17.266,0,31.256-13.99,31.256-31.252
+		c0-17.262-13.99-31.247-31.256-31.247H351.021h-109.24c-17.258,0-31.252,13.985-31.252,31.247
+		C210.529,310.605,224.121,324.412,241.023,324.818z'
+      />
+      <path
+        fill='#333333'
+        d='M210.529,450.306c0,17.257,13.994,31.252,31.252,31.252h769.451c17.262,0,31.256-13.995,31.256-31.252
+		c0-17.266-13.994-31.252-31.256-31.252H241.781C224.523,419.054,210.529,433.04,210.529,450.306z'
+      />
+      <path
+        fill='#333333'
+        d='M1011.232,575.751H241.781c-8.149,0-15.549,3.147-21.116,8.261c-6.213,5.712-10.136,13.879-10.136,22.987
+		c0,17.262,13.994,31.26,31.252,31.26h769.451c17.262,0,31.256-13.999,31.256-31.26c0-9.108-3.923-17.275-10.141-22.987
+		C1026.781,578.898,1019.386,575.751,1011.232,575.751z'
+      />
+      <path
+        fill='#333333'
+        d='M1011.232,732.461H241.781c-17.258,0-31.252,13.99-31.252,31.247c0,17.262,13.994,31.257,31.252,31.257
+		h769.451c17.262,0,31.256-13.995,31.256-31.257C1042.488,746.451,1028.494,732.461,1011.232,732.461z'
+      />
+      <path
+        fill='#333333'
+        d='M1011.232,889.157H241.781c-8.149,0-15.549,3.147-21.116,8.261c-6.213,5.713-10.136,13.879-10.136,22.987
+		c0,17.257,13.994,31.261,31.252,31.261h769.451c17.262,0,31.256-14.004,31.256-31.261c0-9.108-3.923-17.274-10.141-22.987
+		C1026.781,892.305,1019.386,889.157,1011.232,889.157z'
+      />
+      <path
+        fill='#333333'
+        d='M1011.232,1045.867H241.781c-17.258,0-31.252,13.99-31.252,31.243c0,17.271,13.994,31.265,31.252,31.265
+		h769.451c17.262,0,31.256-13.994,31.256-31.265C1042.488,1059.857,1028.494,1045.867,1011.232,1045.867z'
+      />
+      <path
+        fill='#333333'
+        d='M1011.232,1202.576H241.781c-17.258,0-31.252,13.995-31.252,31.252c0,17.258,13.994,31.252,31.252,31.252
+		h769.451c17.262,0,31.256-13.994,31.256-31.252C1042.488,1216.571,1028.494,1202.576,1011.232,1202.576z'
+      />
+      <path
+        fill='#333333'
+        d='M1011.232,1359.273H241.781c-8.149,0-15.549,3.151-21.116,8.265c-6.213,5.713-10.136,13.875-10.136,22.987
+		c0,17.258,13.994,31.261,31.252,31.261h769.451c17.262,0,31.256-14.003,31.256-31.261c0-9.112-3.923-17.274-10.141-22.987
+		C1026.781,1362.425,1019.386,1359.273,1011.232,1359.273z'
+      />
+      <path
+        fill='#333333'
+        d='M1233.542,251.228l-49.851-45.109L1052.136,87.076l-59.185-53.554c-5.293-4.792-11.947-7.421-18.786-7.836
+		h-3.49H83.676c-45.688,0-82.858,37.375-82.858,83.316v1583.612c0,45.94,37.17,83.316,82.858,83.316h1078.562
+		c45.68,0,82.845-37.376,82.845-83.316V277.08v-3.182C1244.646,264.73,1240.261,256.589,1233.542,251.228z M1003.117,125.864
+		l131.119,118.657h-131.119V125.864z M1183.691,1692.613c0,12.094-9.622,21.926-21.454,21.926H83.676
+		c-11.836,0-21.467-9.832-21.467-21.926V109.001c0-12.089,9.631-21.925,21.467-21.925h857.857V275.38
+		c0,17.052,13.785,30.862,30.786,30.862h211.372V1692.613z'
+      />
+      <path
+        fill='#333333'
+        d='M1798.578,180.737c-7.049-88.305-81.114-158.02-171.205-158.02c-0.004,0-0.004,0-0.004,0
+		c-45.889,0-89.033,17.874-121.479,50.32c-29.18,29.175-46.519,67.005-49.73,107.699h-0.586v13.609c0,0.06-0.005,0.115-0.005,0.175
+		c0,0.026,0.005,0.056,0.005,0.082l-0.005,1369.26h0.197c0.557,5.404,2.522,10.731,6.047,15.373l141.135,185.91
+		c5.803,7.648,14.851,12.136,24.447,12.136c9.601-0.004,18.646-4.496,24.447-12.14l141.093-185.897
+		c3.528-4.65,5.494-9.982,6.051-15.391h0.197V180.737H1798.578z M1549.299,116.448c20.854-20.855,48.578-32.339,78.07-32.339h0.004
+		c50.24,0,92.746,33.723,106.076,79.718h-212.19C1526.358,146.098,1535.896,129.852,1549.299,116.448z M1595.372,1502.468
+		l-78.413,0.005l0.005-1260.345h220.828v1260.336h-81.103l0.009-1016.486l-61.335,0.004L1595.372,1502.468z M1627.382,1695.821
+		l-100.171-131.963l200.338-0.004L1627.382,1695.821z'
+      />
+    </g>
+  </svg>
+);
+
+export {
+  GridBook,
+  GridBox,
+  GridCar,
+  GridComputer,
+  GridDocument,
+  GridMap,
+  GridRoute,
+  GridWall,
+  GridInsurance,
+  GridCollision,
+  GridDocumentWithPen,
+  GridJustice,
+  GridPersonCombination,
+  GridShield,
+  GridStoreBar,
+  GridTransferAccount,
+  GridBlueprint,
+  GridAuto,
+  GridCrane,
+  GridHouseWithAttic,
+  GridMortgage,
+  GridOffice,
+  GridStore,
+  GridWrite,
+};
diff --git a/src/shared/ui/icon/ui.tsx b/src/shared/ui/icon/ui.tsx
index b8466cb..0aba3c0 100644
--- a/src/shared/ui/icon/ui.tsx
+++ b/src/shared/ui/icon/ui.tsx
@@ -1,318 +1,53 @@
 /** Based on https://iconify.design/
  *
  */
-import type { SVGProps } from 'react';
 
-type SVGIcon = SVGProps<SVGSVGElement>;
+import {
+  Map,
+  Envelope,
+  Whatsapp,
+  Telegram,
+  Phone,
+  Vk,
+  Youtube,
+  MenuArrow,
+  BtnPhone,
+  Home,
+  ContactCall,
+  ContactTimer,
+  ContactWhatsapp,
+  CloudScale,
+  MailBulk,
+  Consultation,
+  MapOutline,
+} from './base';
 
-//RiMapPinLine
-const Map = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='#19bb3f'
-        d='m12 20.9l4.95-4.95a7 7 0 1 0-9.9 0zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0zM12 13a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'
-      ></path>
-    </svg>
-  );
-};
-
-//MynauiEnvelope
-const Envelope = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='none'
-        stroke='#19bb3f'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth={1.5}
-        d='m2.357 7.714l6.98 4.654c.963.641 1.444.962 1.964 1.087c.46.11.939.11 1.398 0c.52-.125 1.001-.446 1.964-1.087l6.98-4.654M7.157 19.5h9.686c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.31-1.311c.328-.642.328-1.482.328-3.162V9.3c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.642-.327-1.482-.327-3.162-.327H7.157c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.31 1.311c-.328.642-.328 1.482-.328 3.162v5.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311c.642.327 1.482.327 3.162.327'
-      ></path>
-    </svg>
-  );
-};
-
-//IcBaselineWhatsapp
-const Whatsapp = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='#80beb7'
-        d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'
-      ></path>
-    </svg>
-  );
-};
-
-//IcBaselineTelegram
-const Telegram = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='#80beb7'
-        d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19c-.14.75-.42 1-.68 1.03c-.58.05-1.02-.38-1.58-.75c-.88-.58-1.38-.94-2.23-1.5c-.99-.65-.35-1.01.22-1.59c.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02c-.09.02-1.49.95-4.22 2.79c-.4.27-.76.41-1.08.4c-.36-.01-1.04-.2-1.55-.37c-.63-.2-1.12-.31-1.08-.66c.02-.18.27-.36.74-.55c2.92-1.27 4.86-2.11 5.83-2.51c2.78-1.16 3.35-1.36 3.73-1.36c.08 0 .27.02.39.12c.1.08.13.19.14.27c-.01.06.01.24 0 .38'
-      ></path>
-    </svg>
-  );
-};
-
-// CiPhone
-const Phone = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='none'
-        stroke='#80beb7'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth={2}
-        d='M9.502 4.257A2 2 0 0 0 7.646 3H4.895A1.895 1.895 0 0 0 3 4.895C3 13.789 10.21 21 19.106 21A1.895 1.895 0 0 0 21 19.105v-2.751a2 2 0 0 0-1.257-1.857l-2.636-1.054a2 2 0 0 0-2.023.32l-.68.568a2 2 0 0 1-2.696-.122L9.792 12.29a2 2 0 0 1-.123-2.694l.567-.68a2 2 0 0 0 .322-2.024z'
-      ></path>
-    </svg>
-  );
-};
-
-//HugeiconsVk
-const Vk = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='none'
-        stroke='#80beb7'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth={1.5}
-        d='M14 10.749V7.053c0-.833-.151-1-.98-1L10.67 6c-.732 0-1.098 0-1.246.237s.016.562.343 1.21c.182.36.28.621.28 1.025v2.66c0 .84 0 1.261-.32 1.386c-.32.124-.585-.158-1.117-.722c-1.3-1.384-1.978-3.112-2.423-4.996c-.092-.39-.138-.585-.276-.693S5.576 6 5.184 6h-2.2c-.482 0-.723 0-.874.17c-.15.171-.121.389-.063.824c.528 3.927 3.981 10.366 10.36 10.98c1.13.108 1.593-.197 1.593-1.435c0-.702-.015-1.836.868-1.985c.463-.078.774.087 1.291.52c.896.752 1.366 1.67 1.693 2.367c.217.462.378.559.888.559h2.074c1.048 0 1.333-.256.866-1.24a9 9 0 0 0-2.196-2.893c-.636-.547-.953-.82-.97-1.022c-.019-.201.214-.486.68-1.056c.9-1.102 2.126-2.831 2.698-4.666c.284-.91.017-1.123-.904-1.123h-1.863c-.903 0-.902-.031-1.115.993c-.346 1.661-1.478 3.258-2.542 4.345c-.505.516-.81.827-1.125.7S14 11.524 14 10.748'
-        color='#19bb3f'
-      ></path>
-    </svg>
-  );
-};
-
-//MdiYoutube
-const Youtube = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='#80beb7'
-        d='m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73'
-      ></path>
-    </svg>
-  );
-};
-
-//WeuiArrowFilled
-const MenuArrow = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={12}
-      height={24}
-      viewBox='0 0 12 24'
-      {...props}
-    >
-      <path
-        fill='currentColor'
-        fillRule='evenodd'
-        d='M10.157 12.711L4.5 18.368l-1.414-1.414l4.95-4.95l-4.95-4.95L4.5 5.64l5.657 5.657a1 1 0 0 1 0 1.414'
-      ></path>
-    </svg>
-  );
-};
-
-//MagePhoneFill
-const BtnPhone = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={24}
-    height={24}
-    viewBox='0 0 24 24'
-    {...props}
-  >
-    <path
-      fill='currentColor'
-      d='M21.963 18.855a2.74 2.74 0 0 1-.898 1.47a5.36 5.36 0 0 1-3.848 1.602h-.358a11.4 11.4 0 0 1-4.287-1.082c-.326-.153-.643-.296-1.02-.47A19.8 19.8 0 0 1 7.253 17.1a18.6 18.6 0 0 1-4.012-5.451A11.9 11.9 0 0 1 2.15 8.106a6.5 6.5 0 0 1 .418-3.808a7 7 0 0 1 1.174-1.48a2.3 2.3 0 0 1 1.634-.745a2.54 2.54 0 0 1 1.725.95c.47.52 1.02 1.02 1.52 1.55l.644.634c.38.333.615.802.653 1.306c.001.464-.17.911-.48 1.256a9 9 0 0 1-.622.694l-.215.225a1.15 1.15 0 0 0-.286.418c-.052.154-.07.318-.05.48c.164.444.421.848.755 1.184c.52.704 1.02 1.317 1.582 2.042a13.3 13.3 0 0 0 3.4 2.807c.123.1.27.167.428.194c.14.021.281 0 .408-.062a3.5 3.5 0 0 0 1.021-.826c.36-.444.882-.726 1.45-.787a2.04 2.04 0 0 1 1.46.623q.35.302.663.643l.306.327l.317.306c.193.194.377.368.56.572q.5.43.93.929c.293.374.441.842.418 1.317'
-    ></path>
-  </svg>
-);
-
-//HealthiconsHomeOutline
-const Home = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={200}
-    height={200}
-    viewBox='0 0 48 48'
-    {...props}
-  >
-    <g fill='currentColor'>
-      <path d='M24.507 10.138a1 1 0 0 0-1.014 0L5.631 20.645l1.014 1.724L24 12.16l17.355 10.21l1.014-1.724L36 16.9V12a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v1.957zM14 25h11v6H14z'></path>
-      <path
-        fillRule='evenodd'
-        d='m24 14l-14 8v14H5a1 1 0 1 0 0 2h36a1 1 0 1 0 0-2h-3V22zm0 2.303l-12 6.858V36h16V25h6v11h2V23.16z'
-        clipRule='evenodd'
-      ></path>
-    </g>
-  </svg>
-);
-
-// PhPhoneCall
-const ContactCall = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={96}
-    height={96}
-    viewBox='0 0 256 256'
-    {...props}
-  >
-    <path
-      fill='currentColor'
-      d='M144.27 45.93a8 8 0 0 1 9.8-5.66a86.22 86.22 0 0 1 61.66 61.66a8 8 0 0 1-5.66 9.8a8.2 8.2 0 0 1-2.07.27a8 8 0 0 1-7.73-5.94a70.35 70.35 0 0 0-50.33-50.33a8 8 0 0 1-5.67-9.8m-2.33 41.8c13.79 3.68 22.65 12.54 26.33 26.33A8 8 0 0 0 176 120a8.2 8.2 0 0 0 2.07-.27a8 8 0 0 0 5.66-9.8c-5.12-19.16-18.5-32.54-37.66-37.66a8 8 0 1 0-4.13 15.46m81.94 95.35A56.26 56.26 0 0 1 168 232C88.6 232 24 167.4 24 88a56.26 56.26 0 0 1 48.92-55.88a16 16 0 0 1 16.62 9.52l21.12 47.15v.12a16 16 0 0 1-1.27 15.09c-.18.27-.37.52-.57.77L88 129.45c7.49 15.22 23.41 31 38.83 38.51l24.34-20.71a8 8 0 0 1 .75-.56a16 16 0 0 1 15.17-1.4l.13.06l47.11 21.11a16 16 0 0 1 9.55 16.62m-15.88-2h-.11l-47-21.05l-24.35 20.71a8 8 0 0 1-.74.56a16 16 0 0 1-15.75 1.14c-18.73-9.05-37.4-27.58-46.46-46.11a16 16 0 0 1 1-15.7a6 6 0 0 1 .57-.77L96 95.15l-21-47a.6.6 0 0 1 0-.12A40.2 40.2 0 0 0 40 88a128.14 128.14 0 0 0 128 128a40.21 40.21 0 0 0 40-34.93Z'
-    ></path>
-  </svg>
-);
-
-//StreamlineFastforwardClock
-const ContactTimer = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={96}
-    height={96}
-    viewBox='0 0 14 14'
-    {...props}
-  >
-    <g fill='none' stroke='currentColor' strokeLinecap='round' strokeWidth={1}>
-      <path strokeLinejoin='round' d='M7 3.5v4l2.6 1.3'></path>
-      <path d='M13.326 8.5a6.5 6.5 0 1 1-.558-4.5'></path>
-      <path strokeLinejoin='round' d='M13.5 2v2.5H11'></path>
-    </g>
-  </svg>
-);
-
-//RiWhatsappLine
-const ContactWhatsapp = (props: SVGIcon) => {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={96}
-      height={96}
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        fill='currentColor'
-        d='m7.254 18.494l.724.423A7.95 7.95 0 0 0 12.001 20a8 8 0 1 0-8-8a7.95 7.95 0 0 0 1.084 4.024l.422.724l-.653 2.401zM2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355zM8.392 7.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447 1.015.868 2.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86 1.02 1.268c.12.116.237.235.363.346c.468.413.998.75 1.57 1l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35 0 0 0 .295-.142c.723-.876.79-.933.795-.933v.002a.48.48 0 0 1 .378-.127q.092.004.177.04c.531.243 1.4.622 1.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2 1.2 0 0 1-.21.302a2.4 2.4 0 0 1-.33.288q-.124.092-.125.09a5 5 0 0 1-.383.22a2 2 0 0 1-.833.23c-.185.01-.37.024-.556.014c-.008 0-.568-.087-.568-.087a9.45 9.45 0 0 1-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5 3.5 0 0 1-.33-1.413a2.73 2.73 0 0 1 .565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1 1 0 0 1 .371-.1'
-      ></path>
-    </svg>
-  );
-};
-
-//Fa6BrandsCloudscale
-const CloudScale = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={84}
-    height={96}
-    viewBox='0 0 448 512'
-    {...props}
-  >
-    <path
-      fill='currentColor'
-      d='m318.1 154l-9.4 7.6c-22.5-19.3-51.5-33.6-83.3-33.6C153.8 128 96 188.8 96 260.3c0 6.6.4 13.1 1.4 19.4c-2-56 41.8-97.4 92.6-97.4c24.2 0 46.2 9.4 62.6 24.7l-25.2 20.4c-8.3-.9-16.8 1.8-23.1 8.1c-11.1 11-11.1 28.9 0 40c11.1 11 28.9 11 40 0c6.3-6.3 9-14.9 8.1-23.1l75.2-88.8c6.3-6.5-3.3-15.9-9.5-9.6m-83.8 111.5c-5.6 5.5-14.6 5.5-20.2 0c-5.6-5.6-5.6-14.6 0-20.2s14.6-5.6 20.2 0s5.6 14.7 0 20.2M224 32C100.5 32 0 132.5 0 256s100.5 224 224 224s224-100.5 224-224S347.5 32 224 32m0 384c-88.2 0-160-71.8-160-160S135.8 96 224 96s160 71.8 160 160s-71.8 160-160 160'
-    ></path>
-  </svg>
-);
-
-//FaSolidMailBulk
-const MailBulk = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={108}
-    height={96}
-    viewBox='0 0 576 512'
-    {...props}
-  >
-    <path
-      fill='currentColor'
-      d='M160 448c-25.6 0-51.2-22.4-64-32c-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4c-12.8 9.6-38.4 32-64 32m128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4c9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32m256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32m-32 128h-64v-64h64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96z'
-    ></path>
-  </svg>
-);
-
-//LaWeixin
-const Consultation = (props: SVGIcon) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={96}
-    height={96}
-    viewBox='0 0 32 32'
-    {...props}
-  >
-    <path
-      fill='currentColor'
-      d='M14 5C8.578 5 4 8.71 4 13.5c0 1.617.594 3.102 1.5 4.375l-.375 2.906l-.219 1.75l1.594-.687L9 20.812a11.4 11.4 0 0 0 4.156 1.125C13.886 24.892 16.976 27 20.5 27c1.453 0 2.781-.41 3.938-1.031l1.187.687l1.719.938l-.25-1.938l-.219-1.812C27.539 22.89 28 21.8 28 20.594c0-2.559-1.707-4.703-4.125-5.75c.086-.438.125-.875.125-1.344C24 8.71 19.422 5 14 5m0 2c4.52 0 8 3.008 8 6.5q0 .4-.063.781a8.3 8.3 0 0 0-1.437-.125c-3.8 0-7.09 2.461-7.469 5.781c-1.32-.132-2.531-.511-3.562-1.093l-.438-.219l-.437.188l-1.281.53l.218-1.53l.032-.438l-.25-.313C6.473 16.023 6 14.806 6 13.5C6 10.008 9.48 7 14 7m-3.438 2.156c-.777 0-1.406.63-1.406 1.406c0 .778.63 1.438 1.406 1.438c.778 0 1.407-.66 1.407-1.438s-.63-1.406-1.406-1.406zm6.688 0c-.777 0-1.438.63-1.438 1.406c0 .778.66 1.438 1.438 1.438s1.406-.66 1.406-1.438s-.629-1.406-1.406-1.406m3.25 7c3.14 0 5.5 2.094 5.5 4.438c0 .886-.32 1.691-.906 2.406l-.282.344l.063.406l.031.188l-.468-.25l-.5.343c-.934.606-2.125.969-3.438.969c-3.14 0-5.5-2.063-5.5-4.406c0-2.344 2.36-4.438 5.5-4.438M18 17.438c-.59 0-1.094.472-1.094 1.062s.504 1.063 1.094 1.063c.586 0 1.063-.473 1.063-1.063S18.59 17.437 18 17.437zm5.031 0a1.06 1.06 0 0 0-1.062 1.062c0 .59.472 1.063 1.062 1.063s1.063-.473 1.063-1.063s-.473-1.063-1.063-1.063z'
-    ></path>
-  </svg>
-);
-
-//RiMapPinLine
-const MapOutline = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={96}
-    height={96}
-    viewBox='0 0 24 24'
-    {...props}
-  >
-    <path
-      fill='currentColor'
-      d='m12 20.9l4.95-4.95a7 7 0 1 0-9.9 0zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0zM12 13a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'
-    ></path>
-  </svg>
-);
+import {
+  GridBook,
+  GridBox,
+  GridCar,
+  GridComputer,
+  GridDocument,
+  GridMap,
+  GridRoute,
+  GridWall,
+  GridInsurance,
+  GridCollision,
+  GridDocumentWithPen,
+  GridJustice,
+  GridPersonCombination,
+  GridShield,
+  GridStoreBar,
+  GridTransferAccount,
+  GridBlueprint,
+  GridAuto,
+  GridCrane,
+  GridHouseWithAttic,
+  GridMortgage,
+  GridOffice,
+  GridStore,
+  GridWrite,
+} from './service-grid';
 
 const Icons = Object.assign(
   {},
@@ -335,6 +70,32 @@ const Icons = Object.assign(
     Consultation,
     MapOutline,
   },
+  {
+    GridBook,
+    GridBox,
+    GridCar,
+    GridComputer,
+    GridDocument,
+    GridMap,
+    GridRoute,
+    GridWall,
+    GridInsurance,
+    GridCollision,
+    GridDocumentWithPen,
+    GridJustice,
+    GridPersonCombination,
+    GridShield,
+    GridStoreBar,
+    GridTransferAccount,
+    GridBlueprint,
+    GridAuto,
+    GridCrane,
+    GridHouseWithAttic,
+    GridMortgage,
+    GridOffice,
+    GridStore,
+    GridWrite,
+  },
 );
 
 export { Icons };
diff --git a/src/views/home/styles.module.scss b/src/views/home/styles.module.scss
index 389c5b4..9965f91 100644
--- a/src/views/home/styles.module.scss
+++ b/src/views/home/styles.module.scss
@@ -148,87 +148,4 @@
     color: $color-text;
     text-align: center;
   }
-}
-
-
-.Service {
-  position: relative;
-  margin: 0 auto;
-  max-width: rem(1540px);
-  padding: 40px 10px;
-
-  @include iftablet {
-    padding: 40px 20px;
-  }
-  @include iflaptop {
-    padding: 40px 28px;
-  }
-  @include ifdesktop {
-    padding: 40px;
-  }
-
-  .Title {
-    font-family: $font-roboto;
-    font-weight: 500;
-    font-size: 32px;
-    line-height: 100%;
-    color: $color-text;
-    text-align: center;
-    margin-bottom: rem(40px);
-  }
-
-  .Switcher {
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    border: 1px solid $color-green;
-    border-radius: rem(20px);
-    margin-bottom: rem(40px);
-
-    .Button {
-      box-sizing: border-box;
-      flex: 1;
-      display: flex;
-      justify-content: center;
-      padding: 20px;
-      border-radius: rem(18px);
-      color: $color-green;
-      text-transform: uppercase;
-
-      &_active {
-        background-color: $color-green;
-        color: $color-white;
-      }
-    }
-  }
-
-  .Grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: rem(20px);
-
-    .Tile {
-      display: flex;
-      flex-direction: column;
-      gap: rem(24px);
-      border: 1px solid $color-green;
-      padding: rem(20px) rem(40px);
-      border-radius: rem(20px);
-      //box-shadow: 4px 0px 10px 0px rgba(0,146,131,0.5);
-      cursor: pointer;
-
-      font-family: $font-roboto;
-      font-weight: 300;
-      font-size: rem(16px);
-      line-height: 100%;
-      color: $color-green;
-      text-align: center;
-      &:hover {
-        box-shadow: 4px 4px 10px 0px rgba(0,146,131,0.5);
-      }
-    }
-  }
 }
\ No newline at end of file
diff --git a/src/views/home/ui.tsx b/src/views/home/ui.tsx
index a6de6ee..b4561a3 100644
--- a/src/views/home/ui.tsx
+++ b/src/views/home/ui.tsx
@@ -3,8 +3,7 @@ import Image from 'next/image';
 import { Button, Icons, PartnersSlider } from '@shared/ui';
 import bg from '@public/images/bg-main.jpg';
 import lines from '@public/images/bg-lines.png';
-import clsx from 'clsx';
-import { ROUTES } from '@shared/const/route';
+import { ServiceGrid } from '@/widgets';
 
 export default function Main() {
   return (
@@ -47,23 +46,7 @@ export default function Main() {
         </div>
       </section>
 
-      <section className={s.Service}>
-        <h2 className={s.Title}>Выберите услугу</h2>
-
-        <div className={s.Switcher}>
-          <div className={clsx(s.Button, s.Button_active)}>Экспертиза</div>
-          <div className={s.Button}>Оценка</div>
-          <div className={s.Button}>Юрист</div>
-        </div>
-
-        <div className={s.Grid}>
-          {servicesData.expertise.map(({ id, title, icon, url }, i) => (
-            <div key={id} className={s.Tile}>
-              {title}
-            </div>
-          ))}
-        </div>
-      </section>
+      <ServiceGrid />
 
       <section className={s.BottomRow}>
         <div className={s.LeftBlock}>
@@ -83,151 +66,3 @@ export default function Main() {
     </>
   );
 }
-
-const servicesData = {
-  expertise: [
-    {
-      id: 0,
-      title: 'Строительно-техническая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_STROIT,
-    },
-    {
-      id: 1,
-      title: 'Автотехническая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_AUTOTECH,
-    },
-    {
-      id: 2,
-      title: 'Кадастровая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_KADASTR,
-    },
-    {
-      id: 3,
-      title: 'Технико-криминалистическая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_TECH_CRIM,
-    },
-    {
-      id: 4,
-      title: 'Компьютерно-техническая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_COPMPUTER,
-    },
-    {
-      id: 5,
-      title: 'Товароведческая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_TOVAR,
-    },
-    {
-      id: 6,
-      title: 'Трасологическая экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_TRASOLOGIA,
-    },
-    {
-      id: 7,
-      title: 'Бухгалтерская экспертиза',
-      icon: '',
-      url: ROUTES.EXPERTIZA_BUHGALTER,
-    },
-  ],
-  ocenka: [
-    {
-      id: 0,
-      title: 'Оценка недвижимого имущества',
-      icon: '',
-      url: ROUTES.OCENKA_NEDVIGA,
-    },
-    {
-      id: 1,
-      title: 'Оценка движимого имущества',
-      icon: '',
-      url: ROUTES.OCENKA_RYNOCHNAYA,
-    },
-    {
-      id: 2,
-      title: 'Оценка для наследства',
-      icon: '',
-      url: ROUTES.OCENKA_NASLEDSTVO,
-    },
-    {
-      id: 3,
-      title: 'Оценка предприятия, бизнеса',
-      icon: '',
-      url: ROUTES.OCENKA_BUSINESS,
-    },
-    {
-      id: 4,
-      title: 'Оценка арендной платы',
-      icon: '',
-      url: ROUTES.OCENKA_ARENDA,
-    },
-    {
-      id: 5,
-      title: 'Оценка для ипотеки',
-      icon: '',
-      url: ROUTES.OCENKA_IPOTEKA,
-    },
-    {
-      id: 6,
-      title: 'Оценка для нотариуса',
-      icon: '',
-      url: ROUTES.OCENKA_NOTARIUS,
-    },
-    {
-      id: 7,
-      title: 'Оценка машин и оборудования',
-      icon: '',
-      url: ROUTES.OCENKA_MASHINES,
-    },
-  ],
-  jurist: [
-    {
-      id: 0,
-      title: 'Представительство в суде',
-      icon: '',
-      url: ROUTES.JURIST_PREDSTAVITELSTVO,
-    },
-    {
-      id: 1,
-      title: 'Банкротство физических лиц',
-      icon: '',
-      url: ROUTES.JURIST_BANKROTSTVO,
-    },
-    {
-      id: 2,
-      title: 'Сопровождение сделок, составление договоров',
-      icon: '',
-      url: ROUTES.JURIST_SDELKI_DOGOVORA,
-    },
-    {
-      id: 3,
-      title: 'Споры с застройщиком',
-      icon: '',
-      url: ROUTES.JURIST_ZEM_SPORY,
-    },
-    {
-      id: 4,
-      title: 'Споры со страховой компанией',
-      icon: '',
-      url: ROUTES.JURIST_STRAHOVKA,
-    },
-    {
-      id: 5,
-      title: 'Помощь должникам',
-      icon: '',
-      url: ROUTES.JURIST_DOLZHNIKAM,
-    },
-    {
-      id: 6,
-      title: 'Взыскание долгов с юридических лиц',
-      icon: '',
-      url: ROUTES.JURIST_DOLGI,
-    },
-    { id: 7, title: 'Споры по ДТП', icon: '', url: ROUTES.JURIST_DTP },
-  ],
-};
diff --git a/src/widgets/index.ts b/src/widgets/index.ts
index 05d68e2..f9fced4 100644
--- a/src/widgets/index.ts
+++ b/src/widgets/index.ts
@@ -1,3 +1,4 @@
 export * from './header';
 export * from './footer';
 export * from './breadcrumbs';
+export * from './service-grid';
diff --git a/src/widgets/service-grid/index.ts b/src/widgets/service-grid/index.ts
new file mode 100644
index 0000000..5ecdd1f
--- /dev/null
+++ b/src/widgets/service-grid/index.ts
@@ -0,0 +1 @@
+export * from './ui';
diff --git a/src/widgets/service-grid/styles.module.scss b/src/widgets/service-grid/styles.module.scss
new file mode 100644
index 0000000..8582501
--- /dev/null
+++ b/src/widgets/service-grid/styles.module.scss
@@ -0,0 +1,90 @@
+
+.Service {
+  position: relative;
+  margin: 0 auto;
+  max-width: rem(1540px);
+  padding: 40px 10px;
+
+  @include iftablet {
+    padding: 40px 20px;
+  }
+  @include iflaptop {
+    padding: 40px 28px;
+  }
+  @include ifdesktop {
+    padding: 40px;
+  }
+
+  .Title {
+    font-family: $font-roboto;
+    font-weight: 500;
+    font-size: 32px;
+    line-height: 100%;
+    color: $color-text;
+    text-align: center;
+    margin-bottom: rem(40px);
+  }
+
+  .Switcher {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    border: 1px solid $color-green;
+    border-radius: rem(20px);
+    margin-bottom: rem(40px);
+
+    .Button {
+      box-sizing: border-box;
+      flex: 1;
+      display: flex;
+      justify-content: center;
+      padding: 20px;
+      border-radius: rem(18px);
+      color: $color-green;
+      text-transform: uppercase;
+
+      &_active {
+        background-color: $color-green;
+        color: $color-white;
+      }
+    }
+  }
+
+  .Grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: rem(20px);
+
+    .Tile {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: rem(24px);
+      border: 1px solid $color-green;
+      padding: rem(20px) rem(40px);
+      border-radius: rem(20px);
+      //box-shadow: 4px 0px 10px 0px rgba(0,146,131,0.5);
+      cursor: pointer;
+
+      font-family: $font-roboto;
+      font-weight: 300;
+      font-size: rem(16px);
+      line-height: 100%;
+      color: $color-green;
+      text-align: center;
+      &:hover {
+        box-shadow: 4px 4px 10px 0px rgba(0,146,131,0.5);
+      }
+    }
+
+    .Icon {
+      & img {
+        fill: $color-green;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/widgets/service-grid/ui.tsx b/src/widgets/service-grid/ui.tsx
new file mode 100644
index 0000000..1947f47
--- /dev/null
+++ b/src/widgets/service-grid/ui.tsx
@@ -0,0 +1,188 @@
+import s from './styles.module.scss';
+import { ROUTES } from '@shared/const/route';
+import clsx from 'clsx';
+import Image from 'next/image';
+
+function ServiceGrid() {
+  return (
+    <section className={s.Service}>
+      <h2 className={s.Title}>Выберите услугу</h2>
+
+      <div className={s.Switcher}>
+        <div className={clsx(s.Button, s.Button_active)}>Экспертиза</div>
+        <div className={s.Button}>Оценка</div>
+        <div className={s.Button}>Юрист</div>
+      </div>
+
+      <div className={s.Grid}>
+        {servicesData.expertise.map(({ id, title, icon, url }, i) => (
+          <div key={id} className={s.Tile}>
+            <Image
+              className={s.Icon}
+              src={icon}
+              alt={title}
+              width={100}
+              height={100}
+            />
+            {title}
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+export { ServiceGrid };
+
+const servicesData = {
+  expertise: [
+    {
+      id: 0,
+      title: 'Строительно-техническая экспертиза',
+      icon: '/svg/service-grid/expertise/wall.svg',
+      url: ROUTES.EXPERTIZA_STROIT,
+    },
+    {
+      id: 1,
+      title: 'Автотехническая экспертиза',
+      icon: '/svg/service-grid/expertise/car.svg',
+      url: ROUTES.EXPERTIZA_AUTOTECH,
+    },
+    {
+      id: 2,
+      title: 'Кадастровая экспертиза',
+      icon: '/svg/service-grid/expertise/map.svg',
+      url: ROUTES.EXPERTIZA_KADASTR,
+    },
+    {
+      id: 3,
+      title: 'Технико-криминалистическая экспертиза',
+      icon: '/svg/service-grid/expertise/book.svg',
+      url: ROUTES.EXPERTIZA_TECH_CRIM,
+    },
+    {
+      id: 4,
+      title: 'Компьютерно-техническая экспертиза',
+      icon: '/svg/service-grid/expertise/computer-monitor-and-mouse.svg',
+      url: ROUTES.EXPERTIZA_COPMPUTER,
+    },
+    {
+      id: 5,
+      title: 'Товароведческая экспертиза',
+      icon: '/svg/service-grid/expertise/box.svg',
+      url: ROUTES.EXPERTIZA_TOVAR,
+    },
+    {
+      id: 6,
+      title: 'Трасологическая экспертиза',
+      icon: '/svg/service-grid/expertise/route.svg',
+      url: ROUTES.EXPERTIZA_TRASOLOGIA,
+    },
+    {
+      id: 7,
+      title: 'Бухгалтерская экспертиза',
+      icon: '/svg/service-grid/expertise/document.svg',
+      url: ROUTES.EXPERTIZA_BUHGALTER,
+    },
+  ],
+  ocenka: [
+    {
+      id: 0,
+      title: 'Оценка недвижимого имущества',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_NEDVIGA,
+    },
+    {
+      id: 1,
+      title: 'Оценка движимого имущества',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_RYNOCHNAYA,
+    },
+    {
+      id: 2,
+      title: 'Оценка для наследства',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_NASLEDSTVO,
+    },
+    {
+      id: 3,
+      title: 'Оценка предприятия, бизнеса',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_BUSINESS,
+    },
+    {
+      id: 4,
+      title: 'Оценка арендной платы',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_ARENDA,
+    },
+    {
+      id: 5,
+      title: 'Оценка для ипотеки',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_IPOTEKA,
+    },
+    {
+      id: 6,
+      title: 'Оценка для нотариуса',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_NOTARIUS,
+    },
+    {
+      id: 7,
+      title: 'Оценка машин и оборудования',
+      icon: '/svg/service-grid/ocenka/',
+      url: ROUTES.OCENKA_MASHINES,
+    },
+  ],
+  jurist: [
+    {
+      id: 0,
+      title: 'Представительство в суде',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_PREDSTAVITELSTVO,
+    },
+    {
+      id: 1,
+      title: 'Банкротство физических лиц',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_BANKROTSTVO,
+    },
+    {
+      id: 2,
+      title: 'Сопровождение сделок, составление договоров',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_SDELKI_DOGOVORA,
+    },
+    {
+      id: 3,
+      title: 'Споры с застройщиком',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_ZEM_SPORY,
+    },
+    {
+      id: 4,
+      title: 'Споры со страховой компанией',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_STRAHOVKA,
+    },
+    {
+      id: 5,
+      title: 'Помощь должникам',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_DOLZHNIKAM,
+    },
+    {
+      id: 6,
+      title: 'Взыскание долгов с юридических лиц',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_DOLGI,
+    },
+    {
+      id: 7,
+      title: 'Споры по ДТП',
+      icon: '/svg/service-grid/jurist/',
+      url: ROUTES.JURIST_DTP,
+    },
+  ],
+};