diff --git a/frontend/src/components/common/DeleteIcon.tsx b/frontend/src/components/common/DeleteIcon.tsx
new file mode 100644
index 00000000..8f8f5db7
--- /dev/null
+++ b/frontend/src/components/common/DeleteIcon.tsx
@@ -0,0 +1,37 @@
+type DeleteIconProps = {
+  className?: string;
+  width?: number;
+  height?: number;
+};
+
+const DeleteIcon = ({
+  width = 24,
+  height = 24,
+  className,
+}: DeleteIconProps) => {
+  return (
+    <>
+      <svg
+        enable-background="new 0 0 32 32"
+        id="Glyph"
+        version="1.1"
+        viewBox="0 0 32 32"
+        width={width}
+        height={height}
+        className={className}
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6,12v15c0,1.654,1.346,3,3,3h14c1.654,0,3-1.346,3-3V12H6z M12,25c0,0.552-0.448,1-1,1s-1-0.448-1-1v-9  c0-0.552,0.448-1,1-1s1,0.448,1,1V25z M17,25c0,0.552-0.448,1-1,1s-1-0.448-1-1v-9c0-0.552,0.448-1,1-1s1,0.448,1,1V25z M22,25  c0,0.552-0.448,1-1,1s-1-0.448-1-1v-9c0-0.552,0.448-1,1-1s1,0.448,1,1V25z"
+          id="XMLID_237_"
+        />
+        <path
+          d="M27,6h-6V5c0-1.654-1.346-3-3-3h-4c-1.654,0-3,1.346-3,3v1H5C3.897,6,3,6.897,3,8v1c0,0.552,0.448,1,1,1h24  c0.552,0,1-0.448,1-1V8C29,6.897,28.103,6,27,6z M13,5c0-0.551,0.449-1,1-1h4c0.551,0,1,0.449,1,1v1h-6V5z"
+          id="XMLID_243_"
+        />
+      </svg>
+    </>
+  );
+};
+
+export default DeleteIcon;
diff --git a/frontend/src/components/common/PlusIcon.tsx b/frontend/src/components/common/PlusIcon.tsx
new file mode 100644
index 00000000..ac620fad
--- /dev/null
+++ b/frontend/src/components/common/PlusIcon.tsx
@@ -0,0 +1,21 @@
+const PlusIcon = () => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 12H18M12 6V18"
+        stroke="#000000"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default PlusIcon;