add leave server icon

Author: multimokia

components/home/Server.tsx

@@ -26,6 +26,7 @@ import PlusIcon from '@/components/icons/PlusIcon';
 import GearIcon from '@/components/icons/GearIcon';
 import { deleteServer, leaveServer } from '@/services/server.service';
 import TrashIcon from '@/components/icons/TrashIcon';
+import { LeaveIcon } from '@/components/icons/LeaveIcon';
 
 export default function Server({
   server,
@@ -141,7 +142,7 @@ export default function Server({
                     hidden={(serverPermissions & 1) === 1}
                   >
                     <div className="flex flex-row w-full">
-                      <GearIcon width={5} height={5} />
+                      <LeaveIcon className='!w-5 !h-5' />
                       <span className="ml-2 w-full">Leave Server</span>
                     </div>
                   </DropdownMenu.Item>

components/icons/LeaveIcon.tsx

@@ -0,0 +1,18 @@
+export function LeaveIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke-width="1.5"
+      stroke="currentColor"
+      className={`w-6 h-6 ${className}`}
+    >
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3"
+      />
+    </svg>
+  );
+}