From f15a6a483d4f32cfce22ec6c021db9373261f7f9 Mon Sep 17 00:00:00 2001
From: tux <t@tux.rs>
Date: Mon, 9 Jun 2025 20:20:32 +0530
Subject: [PATCH] feat: add icons

---
 app.ts                                               |  4 ++++
 .../scalable/devices/fa-battery-full-symbolic.svg    |  1 +
 .../hicolor/scalable/devices/fa-cpu-symbolic.svg     |  1 +
 .../hicolor/scalable/devices/fa-home-symbolic.svg    |  1 +
 .../hicolor/scalable/devices/fa-speed-symbolic.svg   |  1 +
 .../scalable/devices/fa-video-card-symbolic.svg      |  1 +
 .../hicolor/scalable/devices/fa-wifi-symbolic.svg    |  1 +
 widgets/bar/battery.tsx                              |  7 +++----
 widgets/bar/cpu.tsx                                  |  5 +++--
 widgets/bar/gpu.tsx                                  |  5 +++--
 widgets/bar/index.tsx                                |  2 ++
 widgets/bar/network.tsx                              |  4 ++--
 widgets/bar/profile.tsx                              |  5 +++--
 widgets/bar/style.scss                               | 12 +++++-------
 widgets/bar/tailscale.tsx                            |  5 +++--
 15 files changed, 34 insertions(+), 21 deletions(-)
 create mode 100644 assets/icons/hicolor/scalable/devices/fa-battery-full-symbolic.svg
 create mode 100644 assets/icons/hicolor/scalable/devices/fa-cpu-symbolic.svg
 create mode 100644 assets/icons/hicolor/scalable/devices/fa-home-symbolic.svg
 create mode 100644 assets/icons/hicolor/scalable/devices/fa-speed-symbolic.svg
 create mode 100644 assets/icons/hicolor/scalable/devices/fa-video-card-symbolic.svg
 create mode 100644 assets/icons/hicolor/scalable/devices/fa-wifi-symbolic.svg

diff --git a/app.ts b/app.ts
index 0ff002c..ece92db 100644
--- a/app.ts
+++ b/app.ts
@@ -1,9 +1,13 @@
 import { App } from "astal/gtk4";
 import style from "./style.scss";
 import windows from "./windows";
+import GLib from "gi://GLib?version=2.0";
+
+const icons = `${GLib.get_current_dir()}/assets/icons`;
 
 App.start({
   css: style,
+  icons: icons,
   main() {
     windows.map((win) => App.get_monitors().map(win));
   },
diff --git a/assets/icons/hicolor/scalable/devices/fa-battery-full-symbolic.svg b/assets/icons/hicolor/scalable/devices/fa-battery-full-symbolic.svg
new file mode 100644
index 0000000..9ab9292
--- /dev/null
+++ b/assets/icons/hicolor/scalable/devices/fa-battery-full-symbolic.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H11.5C15.2712 4 17.1569 4 18.3284 5.17157C19.2715 6.11466 19.4554 7.52043 19.4913 10H19.9999C20.9427 10 21.4141 10 21.707 10.2929C21.9999 10.5858 21.9999 11.0572 21.9999 12C21.9999 12.9428 21.9999 13.4142 21.707 13.7071C21.4141 14 20.9427 14 19.9999 14H19.4913C19.4554 16.4796 19.2715 17.8853 18.3284 18.8284C17.1569 20 15.2712 20 11.5 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12ZM6.63577 8.34438C6.99786 8.14322 7.45446 8.27368 7.65562 8.63577L7 9C7.65562 8.63577 7.65616 8.63675 7.65634 8.63708L7.65711 8.63847L7.65878 8.64152L7.66263 8.64864L7.67226 8.66699C7.67951 8.68106 7.68839 8.69881 7.69863 8.72032C7.71912 8.76335 7.74506 8.82135 7.77448 8.89489C7.83335 9.04206 7.90593 9.251 7.9765 9.52622C8.11776 10.0772 8.25 10.8899 8.25 12C8.25 13.1101 8.11776 13.9228 7.9765 14.4738C7.90593 14.749 7.83335 14.9579 7.77448 15.1051C7.74506 15.1787 7.71912 15.2367 7.69863 15.2797C7.68839 15.3012 7.67951 15.3189 7.67226 15.333L7.66263 15.3514L7.65878 15.3585L7.65711 15.3615L7.65634 15.3629L7.65562 15.3642L7 15C7.65052 15.3614 7.65541 15.3645 7.65562 15.3642C7.45446 15.7263 6.99786 15.8568 6.63577 15.6556C6.27675 15.4562 6.14545 15.0056 6.33933 14.645L6.34434 14.6348C6.35119 14.6204 6.36431 14.5917 6.38177 14.548C6.41665 14.4608 6.46907 14.3135 6.5235 14.1012C6.63224 13.6772 6.75 12.9899 6.75 12C6.75 11.0101 6.63224 10.3228 6.5235 9.89878C6.46907 9.6865 6.41665 9.53919 6.38177 9.45198C6.36431 9.40834 6.35119 9.37962 6.34434 9.36522L6.33933 9.35499C6.14545 8.99441 6.27675 8.54383 6.63577 8.34438ZM11.1556 8.63577C10.9545 8.27368 10.4979 8.14322 10.1358 8.34438C9.77675 8.54383 9.64545 8.99441 9.83933 9.35499L9.84434 9.36522C9.85119 9.37962 9.86431 9.40834 9.88177 9.45198C9.91665 9.53919 9.96907 9.6865 10.0235 9.89878C10.1322 10.3228 10.25 11.0101 10.25 12C10.25 12.9899 10.1322 13.6772 10.0235 14.1012C9.96907 14.3135 9.91665 14.4608 9.88177 14.548C9.86431 14.5917 9.85119 14.6204 9.84434 14.6348L9.83933 14.645C9.64545 15.0056 9.77675 15.4562 10.1358 15.6556C10.4979 15.8568 10.9545 15.7263 11.1556 15.3642L10.5 15C11.1556 15.3642 11.1562 15.3632 11.1563 15.3629L11.1571 15.3615L11.1588 15.3585L11.1626 15.3514L11.1723 15.333C11.1795 15.3189 11.1884 15.3012 11.1986 15.2797C11.2191 15.2367 11.2451 15.1787 11.2745 15.1051C11.3333 14.9579 11.4059 14.749 11.4765 14.4738C11.6178 13.9228 11.75 13.1101 11.75 12C11.75 10.8899 11.6178 10.0772 11.4765 9.52622C11.4059 9.251 11.3333 9.04206 11.2745 8.89489C11.2451 8.82135 11.2191 8.76335 11.1986 8.72032C11.1884 8.69881 11.1795 8.68106 11.1723 8.66699L11.1626 8.64864L11.1588 8.64152L11.1571 8.63847L11.1563 8.63708L11.1556 8.63577ZM10.5002 8.99986C11.1505 8.63861 11.1554 8.63548 11.1556 8.63577L10.5002 8.99986ZM13.6358 8.34438C13.9979 8.14322 14.4545 8.27368 14.6556 8.63577L14 9C14.6556 8.63577 14.6562 8.63675 14.6563 8.63708L14.6571 8.63847L14.6588 8.64152L14.6626 8.64864L14.6723 8.66699C14.6795 8.68106 14.6884 8.69881 14.6986 8.72032C14.7191 8.76335 14.7451 8.82135 14.7745 8.89489C14.8333 9.04206 14.9059 9.251 14.9765 9.52622C15.1178 10.0772 15.25 10.8899 15.25 12C15.25 13.1101 15.1178 13.9228 14.9765 14.4738C14.9059 14.749 14.8333 14.9579 14.7745 15.1051C14.7451 15.1787 14.7191 15.2367 14.6986 15.2797C14.6884 15.3012 14.6795 15.3189 14.6723 15.333L14.6626 15.3514L14.6588 15.3585L14.6571 15.3615L14.6563 15.3629L14.6556 15.3642L14.0024 15.0014C14.6505 15.3614 14.6554 15.3645 14.6556 15.3642C14.4545 15.7263 13.9979 15.8568 13.6358 15.6556C13.2768 15.4562 13.1455 15.0056 13.3393 14.645L13.3443 14.6348C13.3512 14.6204 13.3643 14.5917 13.3818 14.548C13.4167 14.4608 13.4691 14.3135 13.5235 14.1012C13.6322 13.6772 13.75 12.9899 13.75 12C13.75 11.0101 13.6322 10.3228 13.5235 9.89878C13.4691 9.6865 13.4167 9.53919 13.3818 9.45198C13.3643 9.40834 13.3512 9.37962 13.3443 9.36522L13.3393 9.35499C13.1455 8.99441 13.2768 8.54383 13.6358 8.34438Z" fill="#000"></path> </g></svg>
diff --git a/assets/icons/hicolor/scalable/devices/fa-cpu-symbolic.svg b/assets/icons/hicolor/scalable/devices/fa-cpu-symbolic.svg
new file mode 100644
index 0000000..b6ebc4f
--- /dev/null
+++ b/assets/icons/hicolor/scalable/devices/fa-cpu-symbolic.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9.18109 10.1811C9.2342 10.128 9.32905 10.0623 9.63166 10.0216C9.95434 9.97823 10.3923 9.97675 11.0698 9.97675H12.9302C13.6077 9.97675 14.0457 9.97823 14.3683 10.0216C14.671 10.0623 14.7658 10.128 14.8189 10.1811C14.872 10.2342 14.9377 10.329 14.9784 10.6317C15.0218 10.9543 15.0233 11.3923 15.0233 12.0698V13.9302C15.0233 14.6077 15.0218 15.0457 14.9784 15.3683C14.9377 15.671 14.872 15.7658 14.8189 15.8189C14.7658 15.872 14.671 15.9377 14.3683 15.9784C14.0457 16.0218 13.6077 16.0233 12.9302 16.0233H11.0698C10.3923 16.0233 9.95434 16.0218 9.63166 15.9784C9.32905 15.9377 9.2342 15.872 9.18109 15.8189C9.12798 15.7658 9.0623 15.671 9.02161 15.3683C8.97823 15.0457 8.97675 14.6077 8.97675 13.9302V12.0698C8.97675 11.3923 8.97823 10.9543 9.02161 10.6317C9.0623 10.329 9.12798 10.2342 9.18109 10.1811Z" fill="#000"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C12.3853 3 12.6977 3.31236 12.6977 3.69767V6.48884C13.2084 6.48991 13.6717 6.49342 14.0932 6.50495L14.093 6.48837V3.69767C14.093 3.31236 14.4054 3 14.7907 3C15.176 3 15.4884 3.31236 15.4884 3.69767V6.48837C15.4884 6.52487 15.4856 6.56072 15.4802 6.5957C16.4162 6.71067 17.0648 6.94879 17.558 7.44198C18.0512 7.93517 18.2893 8.58381 18.4043 9.51984C18.4393 9.51443 18.4751 9.51163 18.5116 9.51163H21.3023C21.6876 9.51163 22 9.82399 22 10.2093C22 10.5946 21.6876 10.907 21.3023 10.907H18.5116L18.495 10.9068C18.5066 11.3283 18.5106 11.7916 18.5116 12.3023H21.3023C21.6876 12.3023 22 12.6147 22 13C22 13.3853 21.6876 13.6977 21.3023 13.6977L18.5112 13.6977C18.5101 14.2084 18.5066 14.6717 18.495 15.0932L18.5116 15.093H21.3023C21.6876 15.093 22 15.4054 22 15.7907C22 16.176 21.6876 16.4884 21.3023 16.4884H18.5116C18.4751 16.4884 18.4393 16.4856 18.4043 16.4802C18.2893 17.4162 18.0512 18.0648 17.558 18.558C17.0648 19.0512 16.4162 19.2893 15.4802 19.4043C15.4856 19.4393 15.4884 19.4751 15.4884 19.5116V22.3023C15.4884 22.6876 15.176 23 14.7907 23C14.4054 23 14.093 22.6876 14.093 22.3023V19.5116L14.0932 19.495C13.6717 19.5066 13.2084 19.5106 12.6977 19.5116V22.3023C12.6977 22.6876 12.3853 23 12 23C11.6147 23 11.3023 22.6876 11.3023 22.3023L11.3023 19.5112C10.7916 19.5101 10.3283 19.5066 9.90678 19.495L9.90698 19.5116V22.3023C9.90698 22.6876 9.59462 23 9.2093 23C8.82399 23 8.51163 22.6876 8.51163 22.3023V19.5116C8.51163 19.4751 8.51443 19.4393 8.51984 19.4043C7.58381 19.2893 6.93517 19.0512 6.44198 18.558C5.94879 18.0648 5.71067 17.4162 5.5957 16.4802C5.56071 16.4856 5.52487 16.4884 5.48837 16.4884H2.69767C2.31236 16.4884 2 16.176 2 15.7907C2 15.4054 2.31236 15.093 2.69767 15.093H5.48837L5.50495 15.0932C5.49342 14.6717 5.48944 14.2084 5.48837 13.6977H2.69767C2.31236 13.6977 2 13.3853 2 13C2 12.6147 2.31236 12.3023 2.69767 12.3023L5.48884 12.3023C5.48991 11.7916 5.49342 11.3283 5.50495 10.9068L5.48837 10.907H2.69767C2.31236 10.907 2 10.5946 2 10.2093C2 9.82399 2.31236 9.51163 2.69767 9.51163H5.48837C5.52487 9.51163 5.56071 9.51443 5.5957 9.51984C5.71067 8.58381 5.94879 7.93517 6.44198 7.44198C6.93517 6.94879 7.58381 6.71067 8.51984 6.5957C8.51443 6.56072 8.51163 6.52487 8.51163 6.48837V3.69767C8.51163 3.31236 8.82399 3 9.2093 3C9.59462 3 9.90698 3.31236 9.90698 3.69767V6.48837L9.90678 6.50495C10.3283 6.49342 10.7916 6.48944 11.3023 6.48837V3.69767C11.3023 3.31236 11.6147 3 12 3ZM11.0238 8.5814C10.4054 8.58136 9.87247 8.58133 9.44573 8.63871C8.98839 8.70019 8.55001 8.83885 8.19443 9.19443C7.83885 9.55001 7.70019 9.98839 7.63871 10.4457C7.58133 10.8725 7.58136 11.4054 7.5814 12.0238V13.9762C7.58136 14.5946 7.58133 15.1275 7.63871 15.5543C7.70019 16.0116 7.83885 16.45 8.19443 16.8056C8.55001 17.1612 8.98839 17.2998 9.44573 17.3613C9.87247 17.4187 10.4054 17.4186 11.0238 17.4186H12.9762C13.5946 17.4186 14.1275 17.4187 14.5543 17.3613C15.0116 17.2998 15.45 17.1612 15.8056 16.8056C16.1612 16.45 16.2998 16.0116 16.3613 15.5543C16.4187 15.1275 16.4186 14.5946 16.4186 13.9762V12.0238C16.4186 11.4054 16.4187 10.8725 16.3613 10.4457C16.2998 9.98839 16.1612 9.55001 15.8056 9.19443C15.45 8.83885 15.0116 8.70019 14.5543 8.63871C14.1275 8.58133 13.5947 8.58136 12.9762 8.5814H11.0238Z" fill="#000"></path> </g></svg>
diff --git a/assets/icons/hicolor/scalable/devices/fa-home-symbolic.svg b/assets/icons/hicolor/scalable/devices/fa-home-symbolic.svg
new file mode 100644
index 0000000..f9a1252
--- /dev/null
+++ b/assets/icons/hicolor/scalable/devices/fa-home-symbolic.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12.0838 3.5C10.1049 3.5 8.40696 4.71031 7.69312 6.43399C7.53464 6.81668 7.09592 6.99844 6.71323 6.83995C6.33053 6.68146 6.14878 6.24275 6.30727 5.86005C7.24515 3.5954 9.47729 2 12.0838 2C14.6904 2 16.9225 3.5954 17.8604 5.86005C18.0189 6.24275 17.8371 6.68146 17.4544 6.83995C17.0717 6.99844 16.633 6.81668 16.4745 6.43399C15.7607 4.71032 14.0627 3.5 12.0838 3.5Z" fill="#000"></path> <path d="M12.0846 6C11.0622 6 10.1973 6.68244 9.92427 7.6182C9.80824 8.01583 9.39183 8.24411 8.9942 8.12808C8.59657 8.01205 8.36829 7.59564 8.48432 7.19801C8.93906 5.63969 10.3777 4.5 12.0846 4.5C13.7914 4.5 15.2301 5.63969 15.6848 7.19801C15.8008 7.59564 15.5725 8.01205 15.1749 8.12808C14.7773 8.24411 14.3609 8.01583 14.2448 7.6182C13.9718 6.68244 13.1069 6 12.0846 6Z" fill="#000"></path> <path d="M13.084 7.75C13.084 8.30228 12.6363 8.75 12.084 8.75C11.5317 8.75 11.084 8.30228 11.084 7.75C11.084 7.19772 11.5317 6.75 12.084 6.75C12.6363 6.75 13.084 7.19772 13.084 7.75Z" fill="#000"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.65131 4.37802C3.4458 4.01839 2.98766 3.89344 2.62802 4.09895C2.26839 4.30445 2.14344 4.76259 2.34895 5.12223L6.13624 11.75H6C4.11438 11.75 3.17157 11.75 2.58579 12.3358C2 12.9216 2 13.8644 2 15.75C2 17.6356 2 18.5784 2.58579 19.1642C3.17157 19.75 4.11438 19.75 6 19.75H18C19.8856 19.75 20.8284 19.75 21.4142 19.1642C22 18.5784 22 17.6356 22 15.75C22 13.8644 22 12.9216 21.4142 12.3358C20.8284 11.75 19.8856 11.75 18 11.75H17.8638L21.6511 5.12223C21.8566 4.76259 21.7316 4.30445 21.372 4.09895C21.0123 3.89344 20.5542 4.01839 20.3487 4.37802L16.3487 11.378L16.1287 11.75H7.88128L7.65131 11.378L3.65131 4.37802ZM6 16.75C6.55228 16.75 7 16.3023 7 15.75C7 15.1977 6.55228 14.75 6 14.75C5.44772 14.75 5 15.1977 5 15.75C5 16.3023 5.44772 16.75 6 16.75ZM10 15.75C10 16.3023 9.55228 16.75 9 16.75C8.44772 16.75 8 16.3023 8 15.75C8 15.1977 8.44772 14.75 9 14.75C9.55228 14.75 10 15.1977 10 15.75ZM14 15C13.5858 15 13.25 15.3358 13.25 15.75C13.25 16.1642 13.5858 16.5 14 16.5H18C18.4142 16.5 18.75 16.1642 18.75 15.75C18.75 15.3358 18.4142 15 18 15H14Z" fill="#000"></path> </g></svg>
diff --git a/assets/icons/hicolor/scalable/devices/fa-speed-symbolic.svg b/assets/icons/hicolor/scalable/devices/fa-speed-symbolic.svg
new file mode 100644
index 0000000..99531df
--- /dev/null
+++ b/assets/icons/hicolor/scalable/devices/fa-speed-symbolic.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7521 3.97525C12.7521 4.39004 12.4154 4.72629 12 4.72629C11.5846 4.72629 11.2479 4.39004 11.2479 3.97525V2C9.04427 2.16317 7.03884 3.03751 5.46094 4.39401L7.01653 5.94744C7.31023 6.24074 7.31023 6.71627 7.01653 7.00957C6.72282 7.30287 6.24663 7.30287 5.95292 7.00957L4.39733 5.45614C3.03895 7.03185 2.16339 9.0345 2 11.2351H3.97778C4.39314 11.2351 4.72986 11.5713 4.72986 11.9861C4.72986 12.4009 4.39314 12.7372 3.97778 12.7372H2C2.16339 14.9378 3.03895 16.9404 4.39733 18.5161L5.95292 16.9627C6.24663 16.6694 6.72282 16.6694 7.01653 16.9627C7.31023 17.256 7.31023 17.7315 7.01653 18.0248L5.46094 19.5783C7.21662 21.0876 9.50161 22 12 22C14.4984 22 16.7834 21.0876 18.5391 19.5783L16.9835 18.0248C16.6898 17.7315 16.6898 17.256 16.9835 16.9627C17.2772 16.6694 17.7534 16.6694 18.0471 16.9627L19.6027 18.5161C20.9611 16.9404 21.8366 14.9378 22 12.7372H20.022C19.6066 12.7372 19.2699 12.4009 19.2699 11.9861C19.2699 11.5713 19.6066 11.2351 20.022 11.2351H22C21.8366 9.0345 20.9611 7.03185 19.6027 5.45614L18.0471 7.00957C17.7534 7.30287 17.2772 7.30287 16.9835 7.00957C16.6898 6.71627 16.6898 6.24074 16.9835 5.94744L18.5391 4.39401C16.9612 3.03751 14.9557 2.16317 12.7521 2V3.97525ZM10.1149 10.1041C8.94008 11.2773 8.94008 13.1794 10.1149 14.3526C10.5618 14.7989 11.4895 15.1106 12.4675 15.3255C13.9301 15.6468 14.6614 15.8075 15.2438 15.2259C15.8262 14.6443 15.6653 13.914 15.3435 12.4535C15.1283 11.4768 14.8162 10.5504 14.3693 10.1041C13.1945 8.93091 11.2897 8.93091 10.1149 10.1041Z" fill="#000"></path> </g></svg>
diff --git a/assets/icons/hicolor/scalable/devices/fa-video-card-symbolic.svg b/assets/icons/hicolor/scalable/devices/fa-video-card-symbolic.svg
new file mode 100644
index 0000000..4d0b8e9
--- /dev/null
+++ b/assets/icons/hicolor/scalable/devices/fa-video-card-symbolic.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.63166 9.02161C9.32905 9.0623 9.2342 9.12798 9.18109 9.18109C9.12798 9.2342 9.0623 9.32905 9.02161 9.63166C8.97823 9.95434 8.97675 10.3923 8.97675 11.0698V12.9302C8.97675 13.6077 8.97823 14.0457 9.02161 14.3683C9.0623 14.671 9.12798 14.7658 9.18109 14.8189C9.2342 14.872 9.32905 14.9377 9.63166 14.9784C9.95434 15.0218 10.3923 15.0233 11.0698 15.0233H12.9302C13.6077 15.0233 14.0457 15.0218 14.3683 14.9784C14.671 14.9377 14.7658 14.872 14.8189 14.8189C14.872 14.7658 14.9377 14.671 14.9784 14.3683C15.0218 14.0457 15.0233 13.6077 15.0233 12.9302V11.0698C15.0233 10.3923 15.0218 9.95434 14.9784 9.63166C14.9377 9.32905 14.872 9.2342 14.8189 9.18109C14.7658 9.12798 14.671 9.0623 14.3683 9.02161C14.0457 8.97823 13.6077 8.97675 12.9302 8.97675H11.0698C10.3923 8.97675 9.95434 8.97823 9.63166 9.02161ZM12.9664 10.5451C13.1904 10.2316 13.1177 9.79583 12.8042 9.57187C12.4906 9.34791 12.0549 9.42053 11.831 9.73407L10.502 11.5945C10.3501 11.8072 10.3298 12.0869 10.4494 12.3193C10.569 12.5517 10.8084 12.6977 11.0698 12.6977H11.5745L11.0336 13.455C10.8097 13.7685 10.8823 14.2043 11.1958 14.4282C11.5094 14.6522 11.9451 14.5796 12.1691 14.266L13.498 12.4056C13.6499 12.1929 13.6702 11.9132 13.5506 11.6808C13.431 11.4484 13.1916 11.3024 12.9302 11.3024H12.4255L12.9664 10.5451Z" fill="#000"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6977 2.69767C12.6977 2.31236 12.3853 2 12 2C11.6147 2 11.3023 2.31236 11.3023 2.69767V5.48837C10.7916 5.48944 10.3283 5.49342 9.90678 5.50495L9.90698 5.48837V2.69767C9.90698 2.31236 9.59462 2 9.2093 2C8.82399 2 8.51163 2.31236 8.51163 2.69767V5.48837C8.51163 5.52487 8.51443 5.56072 8.51984 5.5957C7.58381 5.71067 6.93517 5.94879 6.44198 6.44198C5.94879 6.93517 5.71067 7.58381 5.5957 8.51984C5.56071 8.51443 5.52487 8.51163 5.48837 8.51163H2.69767C2.31236 8.51163 2 8.82399 2 9.2093C2 9.59462 2.31236 9.90698 2.69767 9.90698H5.48837L5.50495 9.90678C5.49342 10.3283 5.48991 10.7916 5.48884 11.3023L2.69767 11.3023C2.31236 11.3023 2 11.6147 2 12C2 12.3853 2.31236 12.6977 2.69767 12.6977H5.48837C5.48944 13.2084 5.49342 13.6717 5.50495 14.0932L5.48837 14.093H2.69767C2.31236 14.093 2 14.4054 2 14.7907C2 15.176 2.31236 15.4884 2.69767 15.4884H5.48837C5.52487 15.4884 5.56071 15.4856 5.5957 15.4802C5.71067 16.4162 5.94879 17.0648 6.44198 17.558C6.93517 18.0512 7.58381 18.2893 8.51984 18.4043C8.51443 18.4393 8.51163 18.4751 8.51163 18.5116V21.3023C8.51163 21.6876 8.82399 22 9.2093 22C9.59462 22 9.90698 21.6876 9.90698 21.3023V18.5116L9.90678 18.495C10.3283 18.5066 10.7916 18.5101 11.3023 18.5112L11.3023 21.3023C11.3023 21.6876 11.6147 22 12 22C12.3853 22 12.6977 21.6876 12.6977 21.3023V18.5116C13.2084 18.5106 13.6717 18.5066 14.0932 18.495L14.093 18.5116V21.3023C14.093 21.6876 14.4054 22 14.7907 22C15.176 22 15.4884 21.6876 15.4884 21.3023V18.5116C15.4884 18.4751 15.4856 18.4393 15.4802 18.4043C16.4162 18.2893 17.0648 18.0512 17.558 17.558C18.0512 17.0648 18.2893 16.4162 18.4043 15.4802C18.4393 15.4856 18.4751 15.4884 18.5116 15.4884H21.3023C21.6876 15.4884 22 15.176 22 14.7907C22 14.4054 21.6876 14.093 21.3023 14.093H18.5116L18.495 14.0932C18.5066 13.6717 18.5101 13.2084 18.5112 12.6977L21.3023 12.6977C21.6876 12.6977 22 12.3853 22 12C22 11.6147 21.6876 11.3023 21.3023 11.3023H18.5116C18.5106 10.7916 18.5066 10.3283 18.495 9.90678L18.5116 9.90698H21.3023C21.6876 9.90698 22 9.59462 22 9.2093C22 8.82399 21.6876 8.51163 21.3023 8.51163H18.5116C18.4751 8.51163 18.4393 8.51443 18.4043 8.51984C18.2893 7.58381 18.0512 6.93517 17.558 6.44198C17.0648 5.94879 16.4162 5.71067 15.4802 5.5957C15.4856 5.56072 15.4884 5.52487 15.4884 5.48837V2.69767C15.4884 2.31236 15.176 2 14.7907 2C14.4054 2 14.093 2.31236 14.093 2.69767V5.48837L14.0932 5.50495C13.6717 5.49342 13.2084 5.48991 12.6977 5.48884V2.69767ZM9.44573 7.63871C9.87247 7.58133 10.4054 7.58136 11.0238 7.5814H12.9762C13.5947 7.58136 14.1275 7.58133 14.5543 7.63871C15.0116 7.70019 15.45 7.83885 15.8056 8.19443C16.1612 8.55001 16.2998 8.98839 16.3613 9.44573C16.4187 9.87246 16.4186 10.4053 16.4186 11.0238V12.9762C16.4186 13.5946 16.4187 14.1275 16.3613 14.5543C16.2998 15.0116 16.1612 15.45 15.8056 15.8056C15.45 16.1612 15.0116 16.2998 14.5543 16.3613C14.1275 16.4187 13.5947 16.4186 12.9762 16.4186H11.0238C10.4054 16.4186 9.87246 16.4187 9.44573 16.3613C8.98839 16.2998 8.55001 16.1612 8.19443 15.8056C7.83885 15.45 7.70019 15.0116 7.63871 14.5543C7.58133 14.1275 7.58136 13.5946 7.5814 12.9762V11.0238C7.58136 10.4054 7.58133 9.87247 7.63871 9.44573C7.70019 8.98839 7.83885 8.55001 8.19443 8.19443C8.55001 7.83885 8.98839 7.70019 9.44573 7.63871Z" fill="#000"></path> </g></svg>
diff --git a/assets/icons/hicolor/scalable/devices/fa-wifi-symbolic.svg b/assets/icons/hicolor/scalable/devices/fa-wifi-symbolic.svg
new file mode 100644
index 0000000..76eca52
--- /dev/null
+++ b/assets/icons/hicolor/scalable/devices/fa-wifi-symbolic.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22ZM17.4498 12.192C14.4329 8.93571 9.56706 8.93571 6.55017 12.192C6.26866 12.4959 5.79413 12.514 5.49028 12.2325C5.18643 11.951 5.16832 11.4764 5.44983 11.1726C9.06036 7.27552 14.9396 7.27552 18.5502 11.1726C18.8317 11.4764 18.8136 11.951 18.5097 12.2325C18.2059 12.514 17.7313 12.4959 17.4498 12.192ZM15.4498 14.3505C13.5375 12.2864 10.4625 12.2864 8.55019 14.3505C8.26868 14.6544 7.79415 14.6725 7.4903 14.391C7.18645 14.1095 7.16834 13.6349 7.44985 13.3311C9.95581 10.6262 14.0442 10.6262 16.5502 13.3311C16.8317 13.6349 16.8136 14.1095 16.5097 14.391C16.2059 14.6725 15.7314 14.6544 15.4498 14.3505ZM13.4499 16.5095C12.6421 15.6377 11.358 15.6377 10.5502 16.5095C10.2687 16.8134 9.79417 16.8315 9.49031 16.55C9.18646 16.2684 9.16835 15.7939 9.44986 15.4901C10.8513 13.9775 13.1488 13.9775 14.5502 15.4901C14.8317 15.7939 14.8136 16.2684 14.5098 16.55C14.2059 16.8315 13.7314 16.8134 13.4499 16.5095Z" fill="#000"></path> </g></svg>
diff --git a/widgets/bar/battery.tsx b/widgets/bar/battery.tsx
index f3a6fab..8e0a727 100644
--- a/widgets/bar/battery.tsx
+++ b/widgets/bar/battery.tsx
@@ -5,11 +5,10 @@ export const Battery = () => {
   const battery = AstalBattery.get_default();
 
   return (
-    <box cssClasses={["pill"]} visible={bind(battery, "isPresent")}>
+    <box cssClasses={["pill"]} visible={bind(battery, "isPresent")} spacing={5}>
+      <image iconName="fa-battery-full-symbolic" />
       <label
-        label={bind(battery, "percentage").as(
-          (p) => `B: ${Math.floor(p * 100)}%`,
-        )}
+        label={bind(battery, "percentage").as((p) => `${Math.floor(p * 100)}%`)}
       />
     </box>
   );
diff --git a/widgets/bar/cpu.tsx b/widgets/bar/cpu.tsx
index f2d7178..eda4b13 100644
--- a/widgets/bar/cpu.tsx
+++ b/widgets/bar/cpu.tsx
@@ -8,8 +8,9 @@ export const CPU = () => {
   ]);
 
   return (
-    <box cssClasses={["pill"]}>
-      <label label={bind(cpu).as((val) => `CPU: ${parseInt(val) / 1000} °C`)} />
+    <box cssClasses={["pill"]} spacing={5}>
+      <image iconName="fa-cpu-symbolic" />
+      <label label={bind(cpu).as((val) => `${parseInt(val) / 1000} °C`)} />
     </box>
   );
 };
diff --git a/widgets/bar/gpu.tsx b/widgets/bar/gpu.tsx
index e49f79e..ca6e322 100644
--- a/widgets/bar/gpu.tsx
+++ b/widgets/bar/gpu.tsx
@@ -4,8 +4,9 @@ export const GPU = () => {
   const gpu = Variable("").poll(5000, ["bash", "-c", "supergfxctl -g"]);
 
   return (
-    <box cssClasses={["pill"]}>
-      <label label={bind(gpu).as((val) => `GPU: ${val}`)} />
+    <box cssClasses={["pill"]} spacing={5}>
+      <image iconName="fa-video-card-symbolic" />
+      <label label={bind(gpu).as((val) => val)} />
     </box>
   );
 };
diff --git a/widgets/bar/index.tsx b/widgets/bar/index.tsx
index 16ea1db..e124fab 100644
--- a/widgets/bar/index.tsx
+++ b/widgets/bar/index.tsx
@@ -7,6 +7,7 @@ import { Network } from "./network";
 import { Profile } from "./profile";
 import { GPU } from "./gpu";
 import { CPU } from "./cpu";
+import { Launcher } from "./launcher";
 
 export const WINDOW_NAME = "bar";
 
@@ -35,6 +36,7 @@ export const Bar = (gdkmonitor: Gdk.Monitor) => {
 const Start = () => {
   return (
     <box spacing={10}>
+      <Launcher />
       <WorkspaceButton />
     </box>
   );
diff --git a/widgets/bar/network.tsx b/widgets/bar/network.tsx
index 51494d3..46a1709 100644
--- a/widgets/bar/network.tsx
+++ b/widgets/bar/network.tsx
@@ -10,8 +10,8 @@ export const Network = () => {
       {wifi.as(
         (wifi) =>
           wifi && (
-            <box spacing={10}>
-              <image iconName={bind(wifi, "iconName")} />
+            <box spacing={5}>
+              <image iconName="fa-wifi-symbolic" />
               <label label={bind(wifi, "ssid")} />
             </box>
           ),
diff --git a/widgets/bar/profile.tsx b/widgets/bar/profile.tsx
index 338a4fd..76a796f 100644
--- a/widgets/bar/profile.tsx
+++ b/widgets/bar/profile.tsx
@@ -4,11 +4,12 @@ export const Profile = () => {
   const profile = Variable("").poll(5000, ["bash", "-c", "asusctl profile -p"]);
 
   return (
-    <box cssClasses={["pill"]}>
+    <box cssClasses={["pill"]} spacing={5}>
+      <image iconName="fa-speed-symbolic" />
       <label
         label={bind(profile).as((val) => {
           const data = val.split(" ");
-          return "P: " + data[data.length - 1];
+          return data[data.length - 1];
         })}
       />
     </box>
diff --git a/widgets/bar/style.scss b/widgets/bar/style.scss
index d33d197..9a976ec 100644
--- a/widgets/bar/style.scss
+++ b/widgets/bar/style.scss
@@ -7,12 +7,6 @@ window.Bar {
   padding: 10px;
 
   .launcher {
-    background-color: $inactive-color;
-    border-radius: $rounded;
-    transition: all 0.15s ease-out;
-    padding: 0px;
-    margin: 0px;
-
     &:hover {
       background-color: $bg-color;
     }
@@ -65,6 +59,10 @@ window.Bar {
     color: $fg-color;
     background-color: $inactive-color;
     border-radius: calc($rounded / 1.5);
-    padding: 5px 10px;
+    padding: 8px;
+
+    image {
+      -gtk-icon-size: 1.5rem;
+    }
   }
 }
diff --git a/widgets/bar/tailscale.tsx b/widgets/bar/tailscale.tsx
index efbeff9..b2addac 100644
--- a/widgets/bar/tailscale.tsx
+++ b/widgets/bar/tailscale.tsx
@@ -8,11 +8,12 @@ export const Tailscale = () => {
   ]);
 
   return (
-    <box cssClasses={["pill"]}>
+    <box cssClasses={["pill"]} spacing={5}>
+      <image iconName="fa-home-symbolic" />
       <label
         label={bind(tailscale).as((val) => {
           const data = val.split(" ");
-          return "H: " + data[data.length - 1];
+          return data[data.length - 1];
         })}
       />
     </box>