diff --git a/assets/sprites/gauge_horizontal.png b/assets/sprites/gauge_horizontal.png
new file mode 100644
index 0000000..89e2eb8
Binary files /dev/null and b/assets/sprites/gauge_horizontal.png differ
diff --git a/assets/sprites/gauge_vertical.png b/assets/sprites/gauge_vertical.png
new file mode 100644
index 0000000..e3661c5
Binary files /dev/null and b/assets/sprites/gauge_vertical.png differ
diff --git a/src/svg/gauge_horizonal.svg b/src/svg/gauge_horizonal.svg
new file mode 100644
index 0000000..e089170
--- /dev/null
+++ b/src/svg/gauge_horizonal.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1024"
+   height="48"
+   viewBox="0 0 270.93334 12.7"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="gauge_horizonal.svg"
+   xml:space="preserve"
+   inkscape:export-filename="../../assets/sprites/gauge_horizontal.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#252525"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#000000"
+     inkscape:document-units="px"
+     inkscape:zoom="1.6326"
+     inkscape:cx="392.93152"
+     inkscape:cy="-30.319735"
+     inkscape:window-width="2880"
+     inkscape:window-height="1627"
+     inkscape:window-x="0"
+     inkscape:window-y="138"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:export-bgcolor="#00000000"><inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="0.26458334"
+       spacingy="0.26458334"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" /></sodipodi:namedview><defs
+     id="defs1"><filter
+       style="color-interpolation-filters:sRGB"
+       id="filter1"
+       inkscape:label="bloom"
+       x="-0.18727821"
+       y="-0.30100527"
+       width="1.3832762"
+       height="1.6020105"><feConvolveMatrix
+         order="1 1"
+         kernelMatrix="1.0000000 "
+         id="feConvolveMatrix1"
+         result="result1"
+         bias="0.30000000000000004"
+         preserveAlpha="true"
+         edgeMode="none"
+         divisor="0" /><feGaussianBlur
+         stdDeviation="3"
+         id="feGaussianBlur1"
+         in="SourceGraphic" /><feComposite
+         id="feComposite1"
+         operator="arithmetic"
+         k1="1"
+         k2="1.5"
+         k3="1"
+         k4="0"
+         in2="result1" /></filter></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><path
+       style="font-variation-settings:'wght' 700;fill:none;stroke:#be1251;stroke-width:1.5875;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 0.79375004,0 v 11.906251 l 269.34584996,0 V 0"
+       id="path2"
+       sodipodi:nodetypes="cccc" /></g></svg>
diff --git a/src/svg/gauge_vertical.svg b/src/svg/gauge_vertical.svg
new file mode 100644
index 0000000..97ed8c2
--- /dev/null
+++ b/src/svg/gauge_vertical.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="512"
+   viewBox="0 0 11.1125 135.46667"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="gauge_vertical.svg"
+   xml:space="preserve"
+   inkscape:export-filename="../../assets/sprites/gauge_horizontal.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#252525"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#000000"
+     inkscape:document-units="px"
+     inkscape:zoom="3.2652"
+     inkscape:cx="-50.686022"
+     inkscape:cy="52.523582"
+     inkscape:window-width="2880"
+     inkscape:window-height="1627"
+     inkscape:window-x="0"
+     inkscape:window-y="138"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:export-bgcolor="#00000000"><inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="0.26458334"
+       spacingy="0.26458334"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="4"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" /></sodipodi:namedview><defs
+     id="defs1"><filter
+       style="color-interpolation-filters:sRGB"
+       id="filter1"
+       inkscape:label="bloom"
+       x="-0.18727821"
+       y="-0.30100527"
+       width="1.3832762"
+       height="1.6020105"><feConvolveMatrix
+         order="1 1"
+         kernelMatrix="1.0000000 "
+         id="feConvolveMatrix1"
+         result="result1"
+         bias="0.30000000000000004"
+         preserveAlpha="true"
+         edgeMode="none"
+         divisor="0" /><feGaussianBlur
+         stdDeviation="3"
+         id="feGaussianBlur1"
+         in="SourceGraphic" /><feComposite
+         id="feComposite1"
+         operator="arithmetic"
+         k1="1"
+         k2="1.5"
+         k3="1"
+         k4="0"
+         in2="result1" /></filter></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><path
+       style="font-variation-settings:'wght' 700;fill:none;stroke:#be1251;stroke-width:1.5875;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 0,134.67292 h 10.318751 l 0,-133.87916996 H 0"
+       id="path2"
+       sodipodi:nodetypes="cccc" /></g></svg>