From f776fb83e742ccd366308caf29d031fa03c71010 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Mon, 3 Oct 2022 11:45:24 +0200
Subject: [PATCH] ui: settings icon

---
 apps/ui/src/routes/settings/_Menu.svelte | 57 ++++++++++++++++++++++--
 1 file changed, 54 insertions(+), 3 deletions(-)

diff --git a/apps/ui/src/routes/settings/_Menu.svelte b/apps/ui/src/routes/settings/_Menu.svelte
index a1121901b..5815cfc04 100644
--- a/apps/ui/src/routes/settings/_Menu.svelte
+++ b/apps/ui/src/routes/settings/_Menu.svelte
@@ -9,16 +9,67 @@
 			<span>General</span>
 		</li>
 		<li class="rounded" class:bg-coollabs={$page.url.pathname === `/settings/coolify`}>
-			<a href={`/settings/coolify`} class="no-underline w-full">Coolify Settings</a>
+			<a href={`/settings/coolify`} class="no-underline w-full"
+				><svg
+					xmlns="http://www.w3.org/2000/svg"
+					class="w-6 h-6"
+					viewBox="0 0 24 24"
+					stroke-width="1.5"
+					stroke="currentColor"
+					fill="none"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+				>
+					<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+					<path
+						d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5"
+					/>
+				</svg>Coolify Settings</a
+			>
 		</li>
 	{/if}
 	<li class="menu-title">
 		<span>Keys & Certificates</span>
 	</li>
 	<li class="rounded" class:bg-coollabs={$page.url.pathname === `/settings/ssh`}>
-		<a href={`/settings/ssh`} class="no-underline w-full">SSH Keys</a>
+		<a href={`/settings/ssh`} class="no-underline w-full"
+			><svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="w-6 h-6"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+				fill="none"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+				<circle cx="8" cy="15" r="4" />
+				<line x1="10.85" y1="12.15" x2="19" y2="4" />
+				<line x1="18" y1="5" x2="20" y2="7" />
+				<line x1="15" y1="8" x2="17" y2="10" />
+			</svg>SSH Keys</a
+		>
 	</li>
 	<li class="rounded" class:bg-coollabs={$page.url.pathname === `/settings/certificates`}>
-		<a href={`/settings/certificates`} class="no-underline w-full">SSL Certificates</a>
+		<a href={`/settings/certificates`} class="no-underline w-full">
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="w-6 h-6"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+				fill="none"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+				<path
+					d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"
+				/>
+				<circle cx="12" cy="11" r="1" />
+				<line x1="12" y1="12" x2="12" y2="14.5" />
+			</svg>SSL Certificates</a
+		>
 	</li>
 </ul>