added icons AsteriskIcon, DatabaseIcon, EditNoteIcon, LinkIcon

src/icons/Asterisk.tsx

@@ -0,0 +1,12 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+
+export const Asterisk = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 21.47 15.051 L 15.409 12 L 21.47 8.949 C 21.972 8.697 22.149 8.115 21.864 7.659 L 21.034 6.341 C 20.748 5.886 20.107 5.736 19.617 6.008 L 13.705 9.295 L 13.851 2.958 C 13.866 2.432 13.405 2 12.828 2 L 11.169 2 C 10.596 2 10.136 2.432 10.149 2.958 L 10.296 9.295 L 4.384 6.008 C 3.893 5.736 3.256 5.886 2.969 6.341 L 2.139 7.659 C 1.85 8.115 2.028 8.697 2.529 8.95 L 8.59 12 L 2.529 15.051 C 2.028 15.304 1.85 15.886 2.139 16.341 L 2.969 17.659 C 3.256 18.115 3.893 18.265 4.384 17.992 L 10.296 14.706 L 10.149 21.044 C 10.136 21.568 10.596 22 11.169 22 L 12.828 22 C 13.405 22 13.866 21.568 13.851 21.044 L 13.705 14.706 L 19.617 17.992 C 20.107 18.265 20.748 18.115 21.034 17.659 L 21.864 16.341 C 22.149 15.886 21.972 15.304 21.47 15.051 Z"
+    ></path>
+  </SvgIcon>
+  );
+

src/icons/Css.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const Css = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 3.428 2 L 4.988 19.67 L 12 22 L 19.013 19.67 L 20.572 2 L 3.428 2 Z M 17.406 5.572 L 17.19 7.683 L 12.044 9.884 L 12.031 9.888 L 17.01 9.888 L 16.438 16.433 L 12.053 17.714 L 7.644 16.411 L 7.356 13.112 L 9.54 13.112 L 9.681 14.822 L 12.031 15.415 L 14.472 14.727 L 14.638 11.977 L 7.215 11.955 L 7.215 11.951 L 7.206 11.955 L 7.044 9.888 L 12.05 7.803 L 12.338 7.683 L 6.853 7.683 L 6.594 5.572 L 17.406 5.572 Z"
+    ></path>
+  </SvgIcon>
+);

src/icons/EditFile.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const EditFile = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 15.978 5.998 L 19.113 9.129 C 19.244 9.263 19.244 9.477 19.113 9.609 L 11.528 17.192 L 8.306 17.551 C 7.875 17.599 7.509 17.234 7.559 16.804 L 7.916 13.581 L 15.5 5.998 C 15.632 5.865 15.847 5.865 15.978 5.998 Z M 21.604 5.203 L 19.91 3.508 C 19.382 2.98 18.525 2.98 17.994 3.508 L 16.763 4.737 C 16.632 4.87 16.632 5.084 16.763 5.216 L 19.897 8.349 C 20.029 8.48 20.244 8.48 20.376 8.349 L 21.604 7.12 C 22.132 6.588 22.132 5.73 21.604 5.203 Z M 15.335 15.13 L 15.335 18.665 L 4.222 18.665 L 4.222 7.554 L 12.203 7.554 C 12.313 7.554 12.416 7.508 12.497 7.432 L 13.885 6.043 C 14.15 5.779 13.963 5.331 13.591 5.331 L 3.666 5.331 C 2.747 5.331 2 6.078 2 6.998 L 2 19.221 C 2 20.141 2.747 20.888 3.666 20.888 L 15.888 20.888 C 16.81 20.888 17.557 20.141 17.557 19.221 L 17.557 13.742 C 17.557 13.37 17.11 13.185 16.844 13.447 L 15.457 14.835 C 15.378 14.915 15.335 15.019 15.335 15.13 Z"
+    ></path>
+  </SvgIcon>
+);

src/icons/FileCode.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const FileCode = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 19.5 6.762 L 19.5 7 L 14.5 7 L 14.5 2 L 14.738 2 C 14.984 2 15.223 2.098 15.398 2.273 L 19.227 6.102 C 19.401 6.277 19.5 6.514 19.5 6.762 Z M 14.187 8.249 C 13.672 8.249 13.249 7.828 13.249 7.312 L 13.249 2 L 6.437 2 C 5.316 2.028 4.54 2.619 4.5 3.937 L 4.5 20.062 C 4.586 21.233 5.242 21.954 6.437 22 L 17.562 22 C 18.855 21.908 19.434 21.145 19.5 20.062 L 19.5 8.249 L 14.187 8.249 Z M 9.312 17.645 C 9.233 17.729 9.101 17.735 9.016 17.656 L 6.481 15.277 C 6.394 15.194 6.394 15.056 6.481 14.973 L 9.016 12.594 C 9.101 12.516 9.233 12.521 9.312 12.606 L 10.078 13.422 C 10.158 13.509 10.151 13.644 10.062 13.723 L 8.472 15.125 L 10.062 16.527 C 10.151 16.606 10.158 16.741 10.078 16.828 L 9.312 17.645 Z M 11.317 19.617 L 10.242 19.305 C 10.132 19.27 10.069 19.154 10.102 19.043 L 12.5 10.777 C 12.532 10.665 12.649 10.6 12.762 10.633 L 13.836 10.945 C 13.947 10.979 14.009 11.096 13.977 11.207 L 11.578 19.473 C 11.546 19.585 11.429 19.65 11.317 19.617 Z M 17.597 15.277 L 15.062 17.656 C 14.977 17.735 14.845 17.729 14.766 17.645 L 14 16.828 C 13.92 16.741 13.927 16.606 14.016 16.527 L 15.609 15.125 L 14.016 13.723 C 13.927 13.644 13.92 13.509 14 13.422 L 14.766 12.606 C 14.845 12.521 14.977 12.516 15.062 12.594 L 17.597 14.973 C 17.684 15.056 17.684 15.194 17.597 15.277 Z"
+    ></path>
+  </SvgIcon>
+);

src/icons/Icons.stories.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Story, Meta } from "@storybook/react";
+import * as Icons from "./index";
+
+export default {
+  title: "Icons",
+} as Meta;
+
+const Template: Story = () => (
+  <div style={{ display: "flex", flexWrap: "wrap", gap: "16px" }}>
+    {Object.entries(Icons).map(([name, Icon]) => (
+      <div key={name} style={{ textAlign: "center" }}>
+        <Icon style={{ fontSize: 48 }} />
+        <div style={{ marginTop: 8 }}>{name}</div>
+      </div>
+    ))}
+  </div>
+);
+
+export const AllIcons = Template.bind({});

src/icons/JavaScript.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const JavaScript = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 4.492 2 C 3.166 1.965 2.118 3.198 1.992 4.5 L 1.992 7 L 1.992 9.5 L 1.992 12 L 1.992 14.5 L 1.992 17 L 1.992 19.5 C 2.018 21.13 2.959 21.856 4.492 22 L 6.992 22 L 9.492 22 L 11.992 22 L 14.492 22 L 16.992 22 L 19.492 22 C 21.541 21.955 22.114 20.348 21.992 19.5 L 21.992 17 L 21.992 14.5 L 21.992 12 L 21.992 9.5 L 21.992 7 L 21.992 4.5 C 21.845 3.129 20.902 2.221 19.492 2 L 16.992 2 L 14.492 2 L 11.992 2 L 9.492 2 L 6.992 2 L 4.492 2 Z M 12.875 17.6 C 12.875 17.843 12.857 18.069 12.823 18.279 C 12.789 18.49 12.738 18.684 12.671 18.862 C 12.605 19.041 12.522 19.203 12.426 19.35 C 12.33 19.497 12.219 19.629 12.096 19.745 C 11.973 19.861 11.837 19.962 11.688 20.049 C 11.54 20.135 11.38 20.207 11.209 20.263 C 11.038 20.32 10.857 20.363 10.666 20.391 C 10.476 20.419 10.276 20.433 10.067 20.433 C 9.879 20.433 9.702 20.421 9.533 20.398 C 9.365 20.375 9.206 20.341 9.056 20.297 C 8.906 20.254 8.765 20.2 8.633 20.138 C 8.5 20.077 8.377 20.006 8.261 19.928 C 8.145 19.851 8.038 19.766 7.938 19.674 C 7.838 19.583 7.746 19.485 7.662 19.382 C 7.578 19.28 7.501 19.172 7.431 19.061 C 7.362 18.95 7.298 18.835 7.242 18.717 L 7.433 18.602 L 7.625 18.486 L 7.816 18.371 L 8.008 18.255 L 8.2 18.139 L 8.392 18.023 L 8.583 17.908 L 8.775 17.792 C 8.812 17.857 8.849 17.92 8.887 17.981 C 8.924 18.043 8.961 18.103 9 18.16 C 9.039 18.217 9.079 18.271 9.12 18.322 C 9.162 18.373 9.205 18.421 9.251 18.465 C 9.297 18.509 9.346 18.548 9.399 18.583 C 9.451 18.618 9.507 18.649 9.567 18.673 C 9.627 18.698 9.691 18.717 9.76 18.73 C 9.83 18.743 9.904 18.75 9.984 18.75 C 10.061 18.75 10.134 18.746 10.204 18.738 C 10.274 18.73 10.339 18.717 10.401 18.699 C 10.463 18.681 10.521 18.657 10.574 18.627 C 10.627 18.597 10.675 18.56 10.719 18.516 C 10.763 18.472 10.802 18.421 10.836 18.361 C 10.869 18.301 10.898 18.233 10.921 18.156 C 10.944 18.079 10.962 17.993 10.974 17.896 C 10.986 17.799 10.992 17.693 10.992 17.575 L 10.992 16.776 L 10.992 15.977 L 10.992 15.178 L 10.992 14.379 L 10.992 13.58 L 10.992 12.781 L 10.992 11.982 L 10.992 11.183 L 11.228 11.183 L 11.463 11.183 L 11.698 11.183 L 11.933 11.183 L 12.169 11.183 L 12.404 11.183 L 12.64 11.183 L 12.875 11.183 L 12.875 11.985 L 12.875 12.787 L 12.875 13.59 L 12.875 14.392 L 12.875 15.194 L 12.875 15.996 L 12.875 16.798 L 12.875 17.6 Z M 17.325 20.433 C 17.107 20.433 16.898 20.42 16.698 20.395 C 16.499 20.37 16.309 20.333 16.129 20.286 C 15.949 20.238 15.779 20.18 15.618 20.112 C 15.457 20.044 15.305 19.967 15.163 19.881 C 15.021 19.795 14.888 19.701 14.765 19.6 C 14.641 19.498 14.527 19.389 14.421 19.274 C 14.316 19.158 14.22 19.037 14.134 18.91 C 14.047 18.784 13.969 18.652 13.9 18.517 L 14.092 18.406 L 14.284 18.296 L 14.476 18.185 L 14.667 18.075 L 14.859 17.964 L 15.051 17.854 L 15.243 17.743 L 15.434 17.633 C 15.484 17.714 15.536 17.793 15.591 17.869 C 15.645 17.945 15.702 18.017 15.762 18.086 C 15.822 18.155 15.885 18.22 15.952 18.28 C 16.018 18.341 16.088 18.397 16.162 18.448 C 16.237 18.499 16.315 18.545 16.398 18.585 C 16.481 18.625 16.569 18.66 16.661 18.688 C 16.754 18.716 16.852 18.738 16.956 18.752 C 17.059 18.767 17.168 18.775 17.284 18.775 C 17.381 18.775 17.473 18.769 17.561 18.757 C 17.649 18.745 17.732 18.728 17.81 18.705 C 17.888 18.682 17.961 18.655 18.028 18.622 C 18.095 18.59 18.156 18.552 18.212 18.511 C 18.267 18.47 18.317 18.424 18.36 18.375 C 18.403 18.326 18.439 18.272 18.469 18.216 C 18.498 18.16 18.521 18.1 18.536 18.038 C 18.551 17.975 18.559 17.91 18.559 17.842 C 18.559 17.762 18.551 17.688 18.535 17.62 C 18.52 17.551 18.496 17.488 18.466 17.43 C 18.435 17.371 18.397 17.316 18.352 17.265 C 18.307 17.214 18.255 17.166 18.196 17.12 C 18.137 17.074 18.071 17.03 17.999 16.987 C 17.927 16.944 17.849 16.901 17.764 16.859 C 17.679 16.816 17.588 16.774 17.492 16.73 C 17.395 16.685 17.292 16.64 17.184 16.592 L 17.125 16.567 L 17.067 16.542 L 17.009 16.517 L 16.951 16.492 L 16.892 16.467 L 16.834 16.442 L 16.775 16.417 L 16.717 16.392 C 16.547 16.32 16.384 16.246 16.23 16.169 C 16.076 16.091 15.93 16.009 15.793 15.923 C 15.655 15.836 15.527 15.745 15.408 15.648 C 15.29 15.55 15.181 15.446 15.083 15.335 C 14.984 15.224 14.897 15.105 14.821 14.978 C 14.744 14.85 14.68 14.713 14.628 14.567 C 14.575 14.421 14.535 14.265 14.508 14.097 C 14.481 13.929 14.467 13.75 14.467 13.558 C 14.467 13.382 14.484 13.211 14.516 13.047 C 14.549 12.883 14.597 12.725 14.661 12.576 C 14.724 12.426 14.803 12.285 14.895 12.154 C 14.988 12.022 15.094 11.9 15.214 11.789 C 15.333 11.678 15.466 11.578 15.611 11.49 C 15.755 11.402 15.912 11.326 16.081 11.265 C 16.249 11.203 16.428 11.156 16.618 11.124 C 16.807 11.092 17.007 11.075 17.217 11.075 C 17.366 11.075 17.51 11.081 17.648 11.095 C 17.787 11.108 17.921 11.129 18.05 11.157 C 18.179 11.185 18.303 11.22 18.422 11.264 C 18.541 11.308 18.656 11.359 18.766 11.42 C 18.876 11.48 18.982 11.549 19.083 11.627 C 19.185 11.704 19.282 11.791 19.375 11.887 C 19.468 11.983 19.557 12.089 19.641 12.205 C 19.726 12.321 19.807 12.446 19.884 12.583 L 19.701 12.7 L 19.518 12.817 L 19.334 12.933 L 19.151 13.05 L 18.967 13.167 L 18.784 13.284 L 18.6 13.4 L 18.417 13.517 C 18.377 13.445 18.337 13.379 18.297 13.318 C 18.256 13.257 18.214 13.201 18.171 13.15 C 18.128 13.099 18.084 13.053 18.038 13.012 C 17.993 12.97 17.946 12.933 17.897 12.901 C 17.848 12.869 17.798 12.841 17.745 12.818 C 17.693 12.795 17.638 12.776 17.582 12.761 C 17.525 12.746 17.466 12.735 17.404 12.728 C 17.342 12.72 17.277 12.717 17.209 12.717 C 17.14 12.717 17.075 12.722 17.013 12.733 C 16.951 12.743 16.892 12.759 16.838 12.779 C 16.783 12.799 16.732 12.823 16.685 12.851 C 16.638 12.88 16.595 12.912 16.557 12.948 C 16.518 12.984 16.484 13.023 16.454 13.066 C 16.425 13.108 16.399 13.154 16.379 13.202 C 16.359 13.25 16.343 13.301 16.333 13.353 C 16.322 13.406 16.317 13.461 16.317 13.517 C 16.317 13.588 16.322 13.653 16.333 13.714 C 16.344 13.775 16.361 13.832 16.383 13.885 C 16.405 13.938 16.434 13.987 16.468 14.034 C 16.502 14.081 16.542 14.125 16.589 14.168 C 16.636 14.211 16.689 14.252 16.748 14.292 C 16.808 14.332 16.874 14.372 16.947 14.412 C 17.019 14.451 17.099 14.491 17.186 14.532 C 17.272 14.573 17.366 14.614 17.467 14.658 L 17.526 14.683 L 17.586 14.708 L 17.645 14.733 L 17.705 14.758 L 17.764 14.783 L 17.824 14.808 L 17.883 14.833 L 17.942 14.858 C 18.141 14.943 18.329 15.029 18.506 15.117 C 18.683 15.205 18.849 15.295 19.003 15.389 C 19.157 15.482 19.299 15.579 19.43 15.682 C 19.56 15.784 19.679 15.891 19.785 16.006 C 19.891 16.121 19.984 16.242 20.065 16.372 C 20.146 16.502 20.214 16.641 20.269 16.79 C 20.323 16.938 20.365 17.097 20.392 17.268 C 20.42 17.438 20.434 17.621 20.434 17.817 C 20.434 18.028 20.413 18.228 20.373 18.415 C 20.333 18.602 20.274 18.776 20.198 18.939 C 20.121 19.101 20.028 19.251 19.918 19.388 C 19.809 19.524 19.684 19.648 19.545 19.759 C 19.406 19.87 19.254 19.967 19.089 20.051 C 18.924 20.135 18.747 20.205 18.56 20.262 C 18.372 20.318 18.175 20.361 17.968 20.39 C 17.762 20.418 17.547 20.433 17.325 20.433 Z"
+    ></path>
+  </SvgIcon>
+);

src/icons/Less.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const Less = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 22.976 10.611 C 22.976 9.842 23.096 9.388 23.096 8.563 C 23.096 7.28 22.623 6.868 21.577 6.868 L 20.808 6.868 L 20.808 7.776 L 21.045 7.776 C 21.577 7.776 21.693 7.952 21.693 8.604 C 21.693 9.216 21.633 9.827 21.633 10.536 C 21.633 11.444 21.93 11.796 22.518 11.935 L 22.518 11.995 C 21.926 12.134 21.633 12.486 21.633 13.394 C 21.633 14.103 21.693 14.677 21.693 15.325 C 21.693 15.997 21.555 16.173 21.045 16.173 L 21.045 16.191 L 20.808 16.191 L 20.808 17.136 L 21.577 17.136 C 22.62 17.136 23.096 16.724 23.096 15.441 C 23.096 14.594 22.976 14.159 22.976 13.394 C 22.976 12.981 23.231 12.546 24 12.509 L 24 11.485 C 23.231 11.459 22.976 11.024 22.976 10.611 Z M 19.016 11.811 C 18.423 11.575 17.872 11.436 17.872 11.042 C 17.872 10.746 18.108 10.57 18.543 10.57 C 18.978 10.57 19.372 10.746 19.803 11.061 L 20.591 10.019 C 20.1 9.643 19.428 9.249 18.521 9.249 C 17.182 9.249 16.275 10.019 16.275 11.102 C 16.275 12.066 17.122 12.561 17.831 12.835 C 18.442 13.071 19.035 13.27 19.035 13.664 C 19.035 13.96 18.798 14.155 18.266 14.155 C 17.775 14.155 17.28 13.956 16.747 13.544 L 15.96 14.688 C 16.552 15.179 17.456 15.517 18.206 15.517 C 19.781 15.517 20.628 14.688 20.628 13.604 C 20.628 12.52 19.785 12.066 19.016 11.811 Z M 5.553 14.039 C 5.415 14.039 5.238 13.919 5.238 13.548 L 5.238 6.864 L 2.441 6.864 C 1.376 6.864 0.903 7.277 0.903 8.559 C 0.903 9.407 1.023 9.88 1.023 10.607 C 1.023 11.02 0.768 11.455 0 11.492 L 0 12.516 C 0.768 12.535 1.023 12.97 1.023 13.383 C 1.023 14.11 0.903 14.546 0.903 15.392 C 0.903 16.676 1.376 17.088 2.422 17.088 L 3.191 17.088 L 3.191 16.181 L 2.955 16.181 C 2.463 16.181 2.306 15.982 2.306 15.333 C 2.306 14.684 2.366 14.129 2.366 13.401 C 2.366 12.494 2.07 12.141 1.481 12.002 L 1.481 11.942 C 2.073 11.804 2.366 11.451 2.366 10.544 C 2.366 9.835 2.306 9.261 2.306 8.612 C 2.306 7.963 2.445 7.783 2.955 7.783 L 3.483 7.783 L 3.483 13.439 C 3.483 14.643 3.896 15.431 5.1 15.431 C 5.475 15.431 5.771 15.371 5.985 15.292 L 5.786 14.009 C 5.67 14.039 5.613 14.039 5.553 14.039 Z M 14.246 11.811 C 13.631 11.575 13.08 11.436 13.08 11.042 C 13.08 10.746 13.32 10.57 13.755 10.57 C 14.19 10.57 14.583 10.746 15.015 11.061 L 15.802 10.019 C 15.311 9.643 14.64 9.249 13.732 9.249 C 12.393 9.249 11.482 10.019 11.482 11.102 C 11.482 12.066 12.33 12.561 13.042 12.835 C 13.65 13.071 14.246 13.27 14.246 13.664 C 14.246 13.96 14.006 14.155 13.473 14.155 C 12.982 14.155 12.491 13.956 11.955 13.544 L 11.186 14.688 C 11.778 15.179 12.682 15.517 13.432 15.517 C 15.011 15.517 15.858 14.688 15.858 13.604 C 15.862 12.52 15.015 12.066 14.246 11.811 Z M 8.43 9.231 C 6.99 9.231 5.613 10.435 5.651 12.325 C 5.651 14.275 6.933 15.419 8.625 15.419 C 9.333 15.419 10.121 15.164 10.732 14.748 L 10.14 13.705 C 9.705 13.96 9.292 14.08 8.857 14.08 C 8.07 14.08 7.458 13.705 7.301 12.798 L 10.871 12.798 C 10.89 12.659 10.931 12.385 10.931 12.07 C 10.953 10.472 10.083 9.231 8.43 9.231 Z M 7.305 11.714 C 7.425 10.926 7.897 10.551 8.448 10.551 C 9.157 10.551 9.435 11.042 9.435 11.714 L 7.305 11.714 Z"
+    />
+  </SvgIcon>
+);

src/icons/Link.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const Link = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 14.758 9.241 C 17.091 11.579 17.06 15.323 14.774 17.624 C 14.767 17.63 14.763 17.633 14.758 17.639 L 12.133 20.263 C 9.817 22.579 6.052 22.579 3.735 20.263 C 1.421 17.948 1.421 14.181 3.735 11.866 L 5.187 10.418 C 5.571 10.032 6.233 10.289 6.252 10.832 C 6.276 11.523 6.401 12.22 6.63 12.891 C 6.708 13.119 6.655 13.371 6.482 13.54 L 5.971 14.052 C 4.876 15.144 4.841 16.93 5.927 18.034 C 7.02 19.151 8.82 19.157 9.923 18.054 L 12.548 15.428 C 13.651 14.327 13.646 12.547 12.548 11.452 C 12.404 11.307 12.257 11.196 12.146 11.117 C 11.982 11.004 11.882 10.822 11.874 10.625 C 11.857 10.212 12.004 9.786 12.329 9.46 L 13.155 8.637 C 13.37 8.421 13.708 8.397 13.958 8.57 C 14.245 8.769 14.51 8.996 14.758 9.241 Z M 20.263 3.736 C 17.949 1.421 14.182 1.421 11.867 3.736 L 9.241 6.361 C 9.236 6.366 9.233 6.371 9.23 6.377 C 6.938 8.678 6.908 12.422 9.241 14.758 C 9.489 15.005 9.757 15.23 10.046 15.428 C 10.292 15.605 10.633 15.577 10.848 15.362 L 11.671 14.539 C 11.996 14.214 12.141 13.787 12.127 13.374 C 12.12 13.177 12.02 12.997 11.855 12.882 C 11.741 12.805 11.596 12.692 11.452 12.547 C 10.355 11.452 10.352 9.671 11.452 8.57 L 14.077 5.946 C 15.179 4.842 16.979 4.85 18.073 5.966 C 19.158 7.072 19.123 8.855 18.029 9.949 L 17.517 10.459 C 17.348 10.63 17.291 10.881 17.37 11.109 C 17.599 11.78 17.723 12.478 17.749 13.169 C 17.767 13.711 18.429 13.966 18.813 13.583 L 20.263 12.133 C 22.579 9.819 22.579 6.053 20.263 3.736 Z"
+    ></path>
+  </SvgIcon>
+);

src/icons/LockClosed.tsx

@@ -0,0 +1,10 @@
+import { SvgIcon, SvgIconProps } from "@mui/material";
+
+export const LockClosed = (props: SvgIconProps) => (
+  <SvgIcon {...props}>
+    <path
+      fill="currentColor"
+      d="M 18.875 10.75 L 17.938 10.75 L 17.938 7.937 C 17.938 4.664 15.275 2 12 2 C 8.725 2 6.063 4.664 6.063 7.937 L 6.063 10.75 L 5.125 10.75 C 4.091 10.75 3.25 11.59 3.25 12.625 L 3.25 20.125 C 3.25 21.16 4.091 22 5.125 22 L 18.875 22 C 19.909 22 20.75 21.16 20.75 20.125 L 20.75 12.625 C 20.75 11.59 19.909 10.75 18.875 10.75 Z M 14.813 10.75 L 9.188 10.75 L 9.188 7.937 C 9.188 6.387 10.45 5.125 12 5.125 C 13.55 5.125 14.813 6.387 14.813 7.937 L 14.813 10.75 Z"
+    ></path>
+  </SvgIcon>
+);