diff --git a/web/src/assets/rec_off.svg b/web/src/assets/rec_off.svg
new file mode 100644
index 00000000..1a3081cb
--- /dev/null
+++ b/web/src/assets/rec_off.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+  <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+    <circle cx="50" cy="50" r="45" fill="black" />
+  </svg>
diff --git a/web/src/assets/rec_on.svg b/web/src/assets/rec_on.svg
new file mode 100644
index 00000000..3e24ff57
--- /dev/null
+++ b/web/src/assets/rec_on.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+    <circle cx="50" cy="50" r="45" fill="red" />
+  </svg>