diff --git a/src/client/components/graphics/Calendar/index.js b/src/client/components/graphics/Calendar/index.js
new file mode 100644
index 0000000000..656e7ff863
--- /dev/null
+++ b/src/client/components/graphics/Calendar/index.js
@@ -0,0 +1,33 @@
+import React from 'react';
+
+const Calendar = () => {
+  return (
+    <svg
+      className="icon calendar"
+      width="48px"
+      height="44px"
+      viewBox="0 0 48 44"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        stroke="none"
+        strokeWidth="1"
+        fill="none"
+        fillRule="evenodd"
+      >
+        <g
+          fill="#000000"
+          fillRule="nonzero"
+        >
+          <path
+            d="M36,3 L36,0 L34,0 L34,3 L14,3 L14,0 L12,0 L12,3 L0,3 L0,44 L48,44 L48,3 L36,3 Z M46,42 L2,42 L2,13 L46,13 L46,42 Z M46,11 L2,11 L2,5 L12,5 L12,8 L14,8 L14,5 L34,5 L34,8 L36,8 L36,5 L46,5 L46,11 Z"
+            id="Shape"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default Calendar;