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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 (
-
+
+
);
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 (
-
-