diff --git a/src/assets/icons/design.svg b/src/assets/icons/design.svg
new file mode 100644
index 0000000..f49fe21
--- /dev/null
+++ b/src/assets/icons/design.svg
@@ -0,0 +1,6 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 18L18 11L21 14L14 21L11 18Z" stroke="#C2C9D1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 12L15.5 4.5L1 1L4.5 15.5L12 17L17 12Z" stroke="#C2C9D1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 1L8.586 8.586" stroke="#C2C9D1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12Z" stroke="#C2C9D1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/index.ts b/src/assets/index.ts
index 14314eb..6d98855 100644
--- a/src/assets/index.ts
+++ b/src/assets/index.ts
@@ -13,6 +13,7 @@ import { ReactComponent as Security } from './icons/security.svg';
 import { ReactComponent as Edit } from './icons/edit.svg';
 import { ReactComponent as Delete } from './icons/delete.svg';
 import { ReactComponent as General } from './icons/general.svg';
+import { ReactComponent as Design } from './icons/design.svg';
 import { ReactComponent as Login } from './images/login.svg';
 import { ReactComponent as Signup } from './images/signup.svg';
 import { ReactComponent as Empty } from './images/empty.svg';
@@ -33,6 +34,7 @@ export {
   Edit,
   Delete,
   General,
+  Design,
   Login,
   Signup,
   Empty,