diff --git a/src/assets/icons/notch/caps-lock.svg b/src/assets/icons/notch/caps-lock.svg
new file mode 100644
index 0000000..976875c
--- /dev/null
+++ b/src/assets/icons/notch/caps-lock.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 1C1.892 1 1 1.892 1 3V10C1 11.108 1.892 12 3 12H13C14.108 12 15 11.108 15 10V3C15 1.892 14.108 1 13 1H3ZM3 2H13C13.554 2 14 2.446 14 3V10C14 10.554 13.554 11 13 11H3C2.446 11 2 10.554 2 10V3C2 2.446 2.446 2 3 2ZM1 11V13C1 14.108 1.892 15 3 15H13C14.108 15 15 14.108 15 13V11C15 12.108 14.108 13 13 13H3C1.892 13 1 12.108 1 11Z" fill="white"/>
+<path d="M8 3.933L6.715 7.417H9.29L8 3.933ZM7.466 3H8.539L11.207 10H10.222L9.585 8.204H6.429L5.792 10H4.793L7.466 3Z" fill="white"/>
+</svg>
diff --git a/src/assets/icons/notch/keyboard-layout.svg b/src/assets/icons/notch/keyboard-layout.svg
new file mode 100644
index 0000000..b20cca7
--- /dev/null
+++ b/src/assets/icons/notch/keyboard-layout.svg
@@ -0,0 +1,16 @@
+<svg width="32" height="32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <style id="current-color-scheme" type="text/css">.ColorScheme-Text {
+        color:#f2f2f2;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#f2f2f2;
+      }</style>
+ <path class="ColorScheme-Text" d="m25 4c0 0.83929-0.09344 1.4399-0.24805 1.8457-0.1546 0.40583-0.34789 0.62123-0.62891 0.78516-0.56203 0.32785-1.623 0.36914-3.123 0.36914s-2.9356-0.0273-4.0996 0.55469c-0.58199 0.29099-1.0806 0.75295-1.4082 1.4082-0.27288 0.54576-0.4251 1.2217-0.4707 2.0371h1c0.04382-0.68545 0.17093-1.2071 0.36133-1.5879 0.23487-0.46974 0.54879-0.75779 0.9668-0.9668 0.83602-0.41801 2.1504-0.44531 3.6504-0.44531s2.689 0.04129 3.627-0.50586c0.46899-0.27358 0.8382-0.71443 1.0586-1.293s0.31445-1.2905 0.31445-2.2012z" fill="currentColor"/>
+ <path class="ColorScheme-Text" d="m5 10c-2.216 0-4 1.784-4 4v10c0 2.216 1.784 4 4 4h22c2.216 0 4-1.784 4-4v-10c0-2.216-1.784-4-4-4zm0 1.5h22c1.385 0 2.5 1.115 2.5 2.5v10c0 1.385-1.115 2.5-2.5 2.5h-22c-1.385 0-2.5-1.115-2.5-2.5v-10c0-1.385 1.115-2.5 2.5-2.5zm1.5 2.5c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h3c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm-16 4c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h3c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm6 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h5c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm-14 4c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm4 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h11c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5zm14 0c-0.277 0-0.5 0.223-0.5 0.5v1c0 0.277 0.223 0.5 0.5 0.5h1c0.277 0 0.5-0.223 0.5-0.5v-1c0-0.277-0.223-0.5-0.5-0.5z" fill="currentColor"/>
+</svg>
diff --git a/src/assets/icons/notch/media-record.svg b/src/assets/icons/notch/media-record.svg
new file mode 100644
index 0000000..8f71f09
--- /dev/null
+++ b/src/assets/icons/notch/media-record.svg
@@ -0,0 +1,8 @@
+<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <style id="current-color-scheme" type="text/css">.ColorScheme-Text {
+        color:#dedede;
+      }</style>
+ </defs>
+ <path d="m16 5a11 11 0 0 0-11 11 11 11 0 0 0 11 11 11 11 0 0 0 11-11 11 11 0 0 0-11-11zm0 1.5a9.5 9.5 0 0 1 9.5 9.5 9.5 9.5 0 0 1-9.5 9.5 9.5 9.5 0 0 1-9.5-9.5 9.5 9.5 0 0 1 9.5-9.5zm-0.060547 5.5c-2.1855 0.03306-3.9397 1.8143-3.9395 4 0 2.2091 1.7909 4 4 4s4-1.7909 4-4-1.7909-4-4-4c-0.02019-1.52e-4 -0.040357-1.52e-4 -0.060547 0z" fill="#da4453"/>
+</svg>
diff --git a/src/assets/icons/notch/num-lock.svg b/src/assets/icons/notch/num-lock.svg
new file mode 100644
index 0000000..84b4692
--- /dev/null
+++ b/src/assets/icons/notch/num-lock.svg
@@ -0,0 +1,16 @@
+<svg width="32" height="32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <style id="current-color-scheme" type="text/css">.ColorScheme-Text {
+        color:#f2f2f2;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#f2f2f2;
+      }</style>
+ <path class="ColorScheme-Text" d="m10.995 5.496c-2.77 0-5 2.23-5 5v11c0 2.77 3 4.2 5 5l5 2 5-2c2-0.8 5-2.23 5-5v-11c0-2.77-2.23-5-5-5zm-0.02539 1.5h10.051c1.9251 0 3.4746 1.5496 3.4746 3.4746v9.0508c0 1.9251-1.5496 3.4746-3.4746 3.4746h-10.051c-1.9251 0-3.4746-1.5496-3.4746-3.4746v-9.0508c0-1.9251 1.5496-3.4746 3.4746-3.4746z" fill="currentColor"/>
+ <path class="ColorScheme-Text" d="m14.995 9.996v2h-2v2h2v4h-2v2h6v-2h-2v-8z" fill="currentColor"/>
+</svg>