diff --git a/icons/design/alert-outline.design b/icons/design/alert-outline.design
new file mode 100644
index 000000000..ccd157cef
Binary files /dev/null and b/icons/design/alert-outline.design differ
diff --git a/icons/design/close-octagon-outline.design b/icons/design/close-octagon-outline.design
new file mode 100644
index 000000000..f20af0acb
Binary files /dev/null and b/icons/design/close-octagon-outline.design differ
diff --git a/icons/design/close-octagon.design b/icons/design/close-octagon.design
new file mode 100644
index 000000000..a4513dbbb
Binary files /dev/null and b/icons/design/close-octagon.design differ
diff --git a/icons/design/fridge-filled-bottom.design b/icons/design/fridge-filled-bottom.design
new file mode 100644
index 000000000..722302d3a
Binary files /dev/null and b/icons/design/fridge-filled-bottom.design differ
diff --git a/icons/design/fridge-filled-top.design b/icons/design/fridge-filled-top.design
new file mode 100644
index 000000000..25398b9f3
Binary files /dev/null and b/icons/design/fridge-filled-top.design differ
diff --git a/icons/design/fridge-filled.design b/icons/design/fridge-filled.design
new file mode 100644
index 000000000..86b94a3de
Binary files /dev/null and b/icons/design/fridge-filled.design differ
diff --git a/icons/design/octagon-outline.design b/icons/design/octagon-outline.design
new file mode 100644
index 000000000..7a2433da9
Binary files /dev/null and b/icons/design/octagon-outline.design differ
diff --git a/icons/design/octagon.design b/icons/design/octagon.design
new file mode 100644
index 000000000..655d8c65e
Binary files /dev/null and b/icons/design/octagon.design differ
diff --git a/icons/design/pi-box.design b/icons/design/pi-box.design
new file mode 100644
index 000000000..3984be155
Binary files /dev/null and b/icons/design/pi-box.design differ
diff --git a/icons/design/pi.design b/icons/design/pi.design
new file mode 100644
index 000000000..e83b66a98
Binary files /dev/null and b/icons/design/pi.design differ
diff --git a/icons/design/play-pause.design b/icons/design/play-pause.design
new file mode 100644
index 000000000..51ee39164
Binary files /dev/null and b/icons/design/play-pause.design differ
diff --git a/icons/design/record-rec.design b/icons/design/record-rec.design
new file mode 100644
index 000000000..bcf7214ec
Binary files /dev/null and b/icons/design/record-rec.design differ
diff --git a/icons/design/record.design b/icons/design/record.design
new file mode 100644
index 000000000..dfe8a3eaa
Binary files /dev/null and b/icons/design/record.design differ
diff --git a/icons/design/shuffle-variant.design b/icons/design/shuffle-variant.design
new file mode 100644
index 000000000..b83cde8d5
Binary files /dev/null and b/icons/design/shuffle-variant.design differ
diff --git a/icons/design/skip-backward.design b/icons/design/skip-backward.design
new file mode 100644
index 000000000..5ea66a3e5
Binary files /dev/null and b/icons/design/skip-backward.design differ
diff --git a/icons/design/skip-forward.design b/icons/design/skip-forward.design
new file mode 100644
index 000000000..6c1ad1577
Binary files /dev/null and b/icons/design/skip-forward.design differ
diff --git a/icons/design/slack.design b/icons/design/slack.design
new file mode 100644
index 000000000..f720bc461
Binary files /dev/null and b/icons/design/slack.design differ
diff --git a/icons/design/step-backward-2.design b/icons/design/step-backward-2.design
new file mode 100644
index 000000000..b5b6d5c2d
Binary files /dev/null and b/icons/design/step-backward-2.design differ
diff --git a/icons/design/step-backward.design b/icons/design/step-backward.design
new file mode 100644
index 000000000..06b51053e
Binary files /dev/null and b/icons/design/step-backward.design differ
diff --git a/icons/design/step-forward-2.design b/icons/design/step-forward-2.design
new file mode 100644
index 000000000..0fc28ef67
Binary files /dev/null and b/icons/design/step-forward-2.design differ
diff --git a/icons/design/step-forward.design b/icons/design/step-forward.design
new file mode 100644
index 000000000..96db630da
Binary files /dev/null and b/icons/design/step-forward.design differ
diff --git a/icons/design/triangle-outline.design b/icons/design/triangle-outline.design
new file mode 100644
index 000000000..2c2046ac5
Binary files /dev/null and b/icons/design/triangle-outline.design differ
diff --git a/icons/design/triangle.design b/icons/design/triangle.design
new file mode 100644
index 000000000..472b61018
Binary files /dev/null and b/icons/design/triangle.design differ
diff --git a/icons/design/wifi-off.design b/icons/design/wifi-off.design
new file mode 100644
index 000000000..efed2be16
Binary files /dev/null and b/icons/design/wifi-off.design differ
diff --git a/icons/svg/alert-outline.svg b/icons/svg/alert-outline.svg
new file mode 100644
index 000000000..743b06e37
--- /dev/null
+++ b/icons/svg/alert-outline.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 12.0025,2.0025L 1.00125,21.0012L 22.9975,21.0012M 12.0025,6.00125L 19.5313,18.9988L 4.4675,18.9988M 11.0013,10L 11.0013,13.9987L 12.9975,13.9987L 12.9975,10M 11.0013,16.0012L 11.0013,17.9975L 12.9975,17.9975L 12.9975,16.0012"/>
+</svg>
diff --git a/icons/svg/close-octagon-outline.svg b/icons/svg/close-octagon-outline.svg
new file mode 100644
index 000000000..a5148b75b
--- /dev/null
+++ b/icons/svg/close-octagon-outline.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 8.27125,2.9978L 2.9975,8.27125L 2.9975,15.7275L 8.27125,21.0012L 15.7275,21.0012C 17.485,19.2437 21.0013,15.7275 21.0013,15.7275L 21.0013,8.27125L 15.7275,2.9978M 9.10125,5L 14.9025,5L 18.9988,9.10125L 18.9988,14.9025L 14.9025,18.9988L 9.10125,18.9988L 5,14.9025L 5,9.10125M 9.11625,7.705L 7.705,9.11625L 10.5912,12.0025L 7.705,14.8825L 9.11625,16.2937L 12.0025,13.4088L 14.8825,16.2937L 16.2938,14.8825L 13.4087,12.0025L 16.2938,9.11625L 14.8825,7.705L 12.0025,10.5913"/>
+</svg>
diff --git a/icons/svg/close-octagon.svg b/icons/svg/close-octagon.svg
new file mode 100644
index 000000000..6d59c4b2b
--- /dev/null
+++ b/icons/svg/close-octagon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 8.27125,2.9978L 2.9975,8.27125L 2.9975,15.7275L 8.27125,20.9963L 15.7275,20.9963L 21.0013,15.7275L 21.0013,8.27125L 15.7275,2.9978M 8.40875,7.0025L 12.0025,10.5913L 15.5913,7.0025L 17.0025,8.40875L 13.4087,12.0025L 17.0025,15.5913L 15.5913,17.0025L 12.0025,13.4088L 8.40875,17.0025L 7.0025,15.5913L 10.5912,12.0025L 7.0025,8.40875"/>
+</svg>
diff --git a/icons/svg/fridge-filled-bottom.svg b/icons/svg/fridge-filled-bottom.svg
new file mode 100644
index 000000000..742912694
--- /dev/null
+++ b/icons/svg/fridge-filled-bottom.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="miter" d="M 8,8L 8,6.00001L 10,6.00001L 10,8L 8,8 Z M 7,2.00001L 17,2C 18.1046,2 19,2.8954 19,4L 19,19C 19,20.1046 18.1046,21 17,21L 17,22L 15,22L 15,21L 9,21L 9,22L 7,22L 7,21C 5.89543,21 5,20.1046 5,19L 5,4.00001C 5,2.8954 5.89543,2.00001 7,2.00001 Z M 6.99999,4.00001L 6.99999,9.00001L 17,9.00001L 17,4.00001L 6.99999,4.00001 Z M 8,12L 8,15L 9.99999,15L 9.99999,12L 8,12 Z "/>
+</svg>
diff --git a/icons/svg/fridge-filled-top.svg b/icons/svg/fridge-filled-top.svg
new file mode 100644
index 000000000..b67444a92
--- /dev/null
+++ b/icons/svg/fridge-filled-top.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="miter" d="M 7,2.00001C 5.89543,2.00001 5,2.89541 5,4.00001L 5,19C 5,20.1046 5.89543,21 7,21L 7,22L 9,22L 9,21L 15,21L 15,22L 17,22L 17,21C 18.1046,21 19,20.1046 19,19L 19,4C 19,2.8954 18.1046,2 17,2L 7,2.00001 Z M 7.99999,6.00001L 9.99999,6.00001L 9.99999,8.00001L 7.99999,8.00001L 7.99999,6.00001 Z M 7,11L 17,11L 17,19L 7,19L 7,11 Z M 8,12L 8,15L 10,15L 10,12L 8,12 Z "/>
+</svg>
diff --git a/icons/svg/fridge-filled.svg b/icons/svg/fridge-filled.svg
new file mode 100644
index 000000000..c9e36f6fc
--- /dev/null
+++ b/icons/svg/fridge-filled.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="miter" d="M 7,2.00001L 17,2C 18.1046,2 19,2.8954 19,4L 19,9L 5,9L 5,4.00001C 5,2.8954 5.89543,2.00001 7,2.00001 Z M 19,19C 19,20.1046 18.1046,21 17,21L 17,22L 15,22L 15,21L 9,21L 9,22L 7,22L 7,21C 5.89543,21 5,20.1046 5,19L 5,10L 19,10L 19,19 Z M 7.99999,5.00003L 7.99999,7.00002L 9.99999,7.00002L 9.99999,5.00003L 7.99999,5.00003 Z M 8,12L 8,15L 10,15L 10,12L 8,12 Z "/>
+</svg>
diff --git a/icons/svg/octagon-outline.svg b/icons/svg/octagon-outline.svg
new file mode 100644
index 000000000..3a1614b81
--- /dev/null
+++ b/icons/svg/octagon-outline.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 8.27125,2.9978L 2.9975,8.27125L 2.9975,15.7275L 8.27125,21.0012L 15.7275,21.0012C 17.485,19.2437 21.0013,15.7275 21.0013,15.7275L 21.0013,8.27125L 15.7275,2.9978M 9.10125,5L 14.9025,5L 18.9988,9.10125L 18.9988,14.9025L 14.9025,18.9988L 9.10125,18.9988L 5,14.9025L 5,9.10125"/>
+</svg>
diff --git a/icons/svg/octagon.svg b/icons/svg/octagon.svg
new file mode 100644
index 000000000..c85c2d2a5
--- /dev/null
+++ b/icons/svg/octagon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 15.7275,2.9978L 8.27125,2.9978L 2.9975,8.27125L 2.9975,15.7275L 8.27125,20.9963L 15.7275,20.9963L 21.0013,15.7275L 21.0013,8.27125"/>
+</svg>
diff --git a/icons/svg/pi-box.svg b/icons/svg/pi-box.svg
new file mode 100644
index 000000000..5c35c98bd
--- /dev/null
+++ b/icons/svg/pi-box.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 5,2.9978C 3.89125,2.9978 2.9975,3.89624 2.9975,5L 2.9975,18.9988C 2.9975,20.1025 3.89125,20.9963 5,20.9963L 18.9988,20.9963C 20.1025,20.9963 21.0013,20.1025 21.0013,18.9988L 21.0013,5C 21.0013,3.89624 20.1025,2.9978 18.9988,2.9978M 6.00125,7.0025L 17.0025,7.0025L 17.0025,8.99875L 15,8.99875L 15,13.9987C 15,14.5513 15.4488,15 16.0012,15C 16.5525,15 17.0025,14.5513 17.0025,13.9987L 18.9988,13.9987C 18.9988,15.6588 17.6563,17.0025 16.0012,17.0025C 14.3413,17.0025 12.9975,15.6588 12.9975,13.9987L 12.9975,8.99875L 10,8.99875L 10,17.0025L 7.9975,17.0025L 7.9975,8.99875L 6.00125,8.99875"/>
+</svg>
diff --git a/icons/svg/pi.svg b/icons/svg/pi.svg
new file mode 100644
index 000000000..8fe17b831
--- /dev/null
+++ b/icons/svg/pi.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 3.99875,5L 3.99875,7.0025L 6.00125,7.0025L 6.00125,18.9988L 7.9975,18.9988L 7.9975,7.0025L 13.9987,7.0025L 13.9987,16.0012C 13.9987,17.6563 15.3413,18.9988 17.0025,18.9988C 18.6575,18.9988 20,17.6563 20,16.0012L 17.9975,16.0012C 17.9975,16.5525 17.5537,17.0025 17.0025,17.0025C 16.445,17.0025 16.0012,16.5525 16.0012,16.0012L 16.0012,7.0025L 17.9975,7.0025L 17.9975,5"/>
+</svg>
diff --git a/icons/svg/play-pause.svg b/icons/svg/play-pause.svg
new file mode 100644
index 000000000..1fcd142f6
--- /dev/null
+++ b/icons/svg/play-pause.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 2.9975,5L 2.9975,18.9988L 11.0013,12.0025M 12.9975,18.9988L 16.0012,18.9988L 16.0012,5L 12.9975,5M 17.9975,5L 17.9975,18.9988L 21.0013,18.9988L 21.0013,5"/>
+</svg>
diff --git a/icons/svg/record-rec.svg b/icons/svg/record-rec.svg
new file mode 100644
index 000000000..62b9d233e
--- /dev/null
+++ b/icons/svg/record-rec.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 12.5,5C 8.36,5 5,8.35875 5,12.5C 5,16.64 8.36,20 12.5,20C 16.6412,20 20,16.64 20,12.5C 20,8.35875 16.6412,5 12.5,5 Z M 7.0025,10L 8.99875,10C 9.55125,10 10,10.4488 10,11.0012L 10,12.0025C 10,12.505 9.62375,12.9 9.14125,12.9738L 10.3075,15L 9.155,15L 7.9975,12.9975L 7.9975,15L 7.0025,15M 12.0025,10L 13.9987,10L 13.9987,11.0012L 12.0025,11.0012L 12.0025,12.0025L 13.9987,12.0025L 13.9987,12.9975L 12.0025,12.9975L 12.0025,13.9987L 13.9987,13.9987L 13.9987,15L 12.0025,15C 11.445,15 11.0013,14.5513 11.0013,13.9987L 11.0013,11.0012C 11.0013,10.4488 11.445,10 12.0025,10 Z M 16.0012,10L 17.9975,10L 17.9975,11.0012L 16.0012,11.0012L 16.0012,13.9987L 17.9975,13.9987L 17.9975,15L 16.0012,15C 15.4488,15 15,14.5513 15,13.9987L 15,11.0012C 15,10.4488 15.4488,10 16.0012,10 Z M 7.9975,11.0012L 7.9975,12.0025L 8.99875,12.0025L 8.99875,11.0012"/>
+</svg>
diff --git a/icons/svg/record.svg b/icons/svg/record.svg
new file mode 100644
index 000000000..846d2957c
--- /dev/null
+++ b/icons/svg/record.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 18.9988,12.0025C 18.9988,15.8637 15.8638,18.9988 12.0025,18.9988C 8.135,18.9988 5,15.8637 5,12.0025C 5,8.135 8.135,5 12.0025,5C 15.8638,5 18.9988,8.135 18.9988,12.0025 Z "/>
+</svg>
diff --git a/icons/svg/shuffle-variant.svg b/icons/svg/shuffle-variant.svg
new file mode 100644
index 000000000..4edc225df
--- /dev/null
+++ b/icons/svg/shuffle-variant.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-linejoin="round" d="M 17,3L 22.25,7.50002L 17,12L 22.25,16.5L 17,21L 17,18L 14.2574,18L 11.4393,15.182L 13.5607,13.0607L 15.5,15L 17,15L 17,12L 17,9L 15.5,9L 6.49999,18L 2,18L 2,15L 5.25736,15L 14.2574,6L 17,6L 17,3 Z M 2,6.00001L 6.5,6.00001L 9.31802,8.81803L 7.1967,10.9393L 5.25737,9.00001L 2,9.00001L 2,6.00001 Z "/>
+</svg>
diff --git a/icons/svg/skip-backward.svg b/icons/svg/skip-backward.svg
new file mode 100644
index 000000000..6b25fc1f7
--- /dev/null
+++ b/icons/svg/skip-backward.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 20,5L 20,18.9988L 12.9975,12.0025M 6.00125,5L 6.00125,18.9988L 3.99875,18.9988L 3.99875,5M 12.9975,5L 12.9975,18.9988L 6.00125,12.0025"/>
+</svg>
diff --git a/icons/svg/skip-forward.svg b/icons/svg/skip-forward.svg
new file mode 100644
index 000000000..c5101d651
--- /dev/null
+++ b/icons/svg/skip-forward.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 3.99875,5L 3.99875,18.9988L 11.0013,12.0025M 17.9975,5L 17.9975,18.9988L 20,18.9988L 20,5M 11.0013,5L 11.0013,18.9988L 17.9975,12.0025"/>
+</svg>
diff --git a/icons/svg/slack.svg b/icons/svg/slack.svg
new file mode 100644
index 000000000..f4befa2d9
--- /dev/null
+++ b/icons/svg/slack.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-linejoin="round" d="M 10.2326,11.1611L 12.9056,10.2659L 13.7674,12.8388L 11.0944,13.734L 10.2326,11.1611 Z M 17.6888,13.7128C 18.2319,13.5309 18.5247,12.9432 18.3428,12.4001C 18.1611,11.8571 17.5734,11.5644 17.0302,11.7461L 15.734,12.1802L 14.8722,9.60732L 16.1684,9.17321C 16.7115,8.9913 17.0043,8.40363 16.8224,7.86054C 16.6406,7.31755 16.0531,7.02472 15.5098,7.20654L 14.2135,7.64068L 13.7643,6.29942C 13.5825,5.75634 12.9947,5.46355 12.4517,5.64542C 11.9087,5.82727 11.6158,6.415 11.7977,6.95808L 12.2469,8.29932L 9.57389,9.19453L 9.12465,7.85326C 8.94283,7.31027 8.35525,7.01748 7.81209,7.19925C 7.26899,7.38116 6.97615,7.96884 7.15807,8.51192L 7.60731,9.85314L 6.31122,10.2872C 5.76813,10.4691 5.47529,11.0568 5.65721,11.5999C 5.79951,12.0248 6.19028,12.2965 6.61373,12.3075L 6.96978,12.2539L 8.26601,11.8198L 9.12776,14.3927L 7.83151,14.8268C 7.28842,15.0087 6.99559,15.5964 7.17751,16.1395C 7.3198,16.5644 7.71058,16.8361 8.13401,16.8471L 8.49007,16.7935L 9.78646,16.3593L 10.2357,17.7006C 10.378,18.1255 10.7688,18.3972 11.1922,18.4082L 11.5483,18.3546C 12.0914,18.1727 12.3842,17.585 12.2023,17.0419L 11.7531,15.7007L 14.4261,14.8055L 14.8753,16.1468C 15.0176,16.5717 15.4083,16.8434 15.8318,16.8544L 16.1879,16.8008C 16.7309,16.6189 17.0238,16.0312 16.8419,15.4881L 16.3926,14.1469L 17.6888,13.7128 Z M 21.1657,9.25016C 23.2281,16.1244 21.6241,19.1033 14.7499,21.1657C 7.87557,23.2281 4.89669,21.6241 2.8343,14.7498C 0.771927,7.87557 2.37589,4.89667 9.25018,2.83429C 16.1244,0.771912 19.1034,2.37588 21.1657,9.25016 Z "/>
+</svg>
diff --git a/icons/svg/step-backward-2.svg b/icons/svg/step-backward-2.svg
new file mode 100644
index 000000000..342e243cc
--- /dev/null
+++ b/icons/svg/step-backward-2.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 16.9988,5.00126L 14,5.00126L 14,19L 16.9988,19L 16.9988,5.00126 Z M 11.9987,5.00001L 0.997503,12.0025L 11.9987,18.9988L 11.9987,5.00001 Z M 22,5.00126L 19.0012,5.00126L 19.0012,19L 22,19L 22,5.00126 Z "/>
+</svg>
diff --git a/icons/svg/step-backward.svg b/icons/svg/step-backward.svg
new file mode 100644
index 000000000..aaa6c3f89
--- /dev/null
+++ b/icons/svg/step-backward.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 20,5L 20,18.9988L 16.0012,18.9988L 16.0012,5M 12.9975,5L 12.9975,18.9988L 2.0025,12.0025"/>
+</svg>
diff --git a/icons/svg/step-forward-2.svg b/icons/svg/step-forward-2.svg
new file mode 100644
index 000000000..238c69fbb
--- /dev/null
+++ b/icons/svg/step-forward-2.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 7.00124,5.00125L 10,5.00125L 10,19L 7.00124,19L 7.00124,5.00125 Z M 12.0012,5.00001L 23.0025,12.0025L 12.0012,18.9988L 12.0012,5.00001 Z M 2,5.00126L 4.99876,5.00126L 4.99876,19L 2,19L 2,5.00126 Z "/>
+</svg>
diff --git a/icons/svg/step-forward.svg b/icons/svg/step-forward.svg
new file mode 100644
index 000000000..3d34a093c
--- /dev/null
+++ b/icons/svg/step-forward.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 3.99875,5L 3.99875,18.9988L 7.9975,18.9988L 7.9975,5M 11.0013,5L 11.0013,18.9988L 22.0025,12.0025"/>
+</svg>
diff --git a/icons/svg/triangle-outline.svg b/icons/svg/triangle-outline.svg
new file mode 100644
index 000000000..f173eab02
--- /dev/null
+++ b/icons/svg/triangle-outline.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" fill-rule="evenodd" stroke-width="0.2" stroke-linejoin="round" d="M 12.0025,2.0025L 1.00125,21.0012L 22.9975,21.0012M 12.0025,6.00125L 19.5313,18.9988L 4.4675,18.9988"/>
+</svg>
diff --git a/icons/svg/triangle.svg b/icons/svg/triangle.svg
new file mode 100644
index 000000000..c196bb058
--- /dev/null
+++ b/icons/svg/triangle.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 1.00125,21.0012L 22.9975,21.0012L 12.0025,2.0025"/>
+</svg>
diff --git a/icons/svg/wifi-off.svg b/icons/svg/wifi-off.svg
new file mode 100644
index 000000000..100f86d03
--- /dev/null
+++ b/icons/svg/wifi-off.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 2.275,2.9978L 1.00125,4.2675L 2.47125,5.7425C 2.03625,6.01125 1.60625,6.29375 1.20125,6.60125L 2.9975,8.99875C 3.525,8.60375 4.0775,8.2475 4.65875,7.925L 6.885,10.1563C 6.1475,10.4975 5.44375,10.9125 4.8,11.3963L 6.60125,13.7987C 7.3775,13.2175 8.25625,12.7737 9.19875,12.4663L 11.7525,15.02C 10.4975,15.0738 9.34125,15.4937 8.39875,16.2013L 12.0025,21.0012L 14.4575,17.725L 17.735,21.0012L 18.9988,19.7213M 12.0025,2.9978C 9.85375,2.9978 7.8025,3.38354 5.89875,4.0725L 8.29125,6.465C 9.4775,6.1625 10.7175,6.00125 12.0025,6.00125C 15.3763,6.00125 18.4912,7.11375 21.0013,8.99875L 22.8025,6.60125C 19.79,4.34125 16.055,2.9978 12.0025,2.9978 Z M 12.0025,8.99875C 11.6212,8.99875 11.25,9.01875 10.8788,9.0525L 14.0675,12.2463C 15.2925,12.5337 16.4262,13.0662 17.4025,13.7987L 19.1988,11.3963C 17.1975,9.8925 14.7025,8.99875 12.0025,8.99875 Z "/>
+</svg>