From aed23630fbb95376a01f7b25697dc07dfb9cf9d7 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 12:29:07 -0700
Subject: [PATCH] ui: Use inline SVG icons for system and help section page

Tests:

- All the icons appear as before.

- They change colors in light/dark mode.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 debian/copyright                            | 24 +++++++++++++++++++++
 plinth/templates/card.html                  |  2 +-
 static/themes/default/css/main.css          |  5 ++---
 static/themes/default/icons/bar-chart.svg   |  9 ++++++++
 static/themes/default/icons/clock-o.svg     |  9 ++++++++
 static/themes/default/icons/cog.svg         |  9 ++++++++
 static/themes/default/icons/comments.svg    | 10 +++++++++
 static/themes/default/icons/compass.svg     |  9 ++++++++
 static/themes/default/icons/eye-slash.svg   | 10 +++++++++
 static/themes/default/icons/files-o.svg     | 10 +++++++++
 static/themes/default/icons/film.svg        | 10 +++++++++
 static/themes/default/icons/flag.svg        |  9 ++++++++
 static/themes/default/icons/globe-w.svg     | 11 ++++++++++
 static/themes/default/icons/hdd-o.svg       | 10 +++++++++
 static/themes/default/icons/heartbeat.svg   |  9 ++++++++
 static/themes/default/icons/info-circle.svg |  9 ++++++++
 static/themes/default/icons/life-ring.svg   | 10 +++++++++
 static/themes/default/icons/lock.svg        | 10 +++++++++
 static/themes/default/icons/power-off.svg   | 10 +++++++++
 static/themes/default/icons/refresh.svg     |  9 ++++++++
 static/themes/default/icons/shield.svg      |  9 ++++++++
 static/themes/default/icons/signal.svg      |  9 ++++++++
 static/themes/default/icons/star.svg        | 10 +++++++++
 static/themes/default/icons/tags.svg        | 10 +++++++++
 static/themes/default/icons/terminal.svg    | 10 +++++++++
 static/themes/default/icons/users.svg       | 10 +++++++++
 static/themes/default/icons/wrench.svg      | 10 +++++++++
 27 files changed, 258 insertions(+), 4 deletions(-)
 create mode 100644 static/themes/default/icons/bar-chart.svg
 create mode 100644 static/themes/default/icons/clock-o.svg
 create mode 100644 static/themes/default/icons/cog.svg
 create mode 100644 static/themes/default/icons/comments.svg
 create mode 100644 static/themes/default/icons/compass.svg
 create mode 100644 static/themes/default/icons/eye-slash.svg
 create mode 100644 static/themes/default/icons/files-o.svg
 create mode 100644 static/themes/default/icons/film.svg
 create mode 100644 static/themes/default/icons/flag.svg
 create mode 100644 static/themes/default/icons/globe-w.svg
 create mode 100644 static/themes/default/icons/hdd-o.svg
 create mode 100644 static/themes/default/icons/heartbeat.svg
 create mode 100644 static/themes/default/icons/info-circle.svg
 create mode 100644 static/themes/default/icons/life-ring.svg
 create mode 100644 static/themes/default/icons/lock.svg
 create mode 100644 static/themes/default/icons/power-off.svg
 create mode 100644 static/themes/default/icons/refresh.svg
 create mode 100644 static/themes/default/icons/shield.svg
 create mode 100644 static/themes/default/icons/signal.svg
 create mode 100644 static/themes/default/icons/star.svg
 create mode 100644 static/themes/default/icons/tags.svg
 create mode 100644 static/themes/default/icons/terminal.svg
 create mode 100644 static/themes/default/icons/users.svg
 create mode 100644 static/themes/default/icons/wrench.svg

diff --git a/debian/copyright b/debian/copyright
index f47a4f1a0..288cd9bd6 100644
--- a/debian/copyright
+++ b/debian/copyright
@@ -329,12 +329,36 @@ Comment: https://commons.wikimedia.org/wiki/File:Gnome-computer.svg
 License: LGPL-3+ or CC-BY-SA-3.0
 
 Files: static/themes/default/icons/android.svg
+       static/themes/default/icons/bar-chart.svg
+       static/themes/default/icons/clock-o.svg
+       static/themes/default/icons/comments.svg
+       static/themes/default/icons/compass.svg
+       static/themes/default/icons/cog.svg
        static/themes/default/icons/debian.svg
+       static/themes/default/icons/eye-slash.svg
        static/themes/default/icons/f-droid.svg
+       static/themes/default/icons/files-o.svg
+       static/themes/default/icons/film.svg
+       static/themes/default/icons/flag.svg
        static/themes/default/icons/gnu-linux.svg
+       static/themes/default/icons/globe-w.svg
        static/themes/default/icons/google-play.svg
+       static/themes/default/icons/hdd-o.svg
+       static/themes/default/icons/heartbeat.svg
+       static/themes/default/icons/info-circle.svg
+       static/themes/default/icons/life-ring.svg
+       static/themes/default/icons/lock.svg
        static/themes/default/icons/macos.svg
+       static/themes/default/icons/poweroff.svg
+       static/themes/default/icons/refresh.svg
+       static/themes/default/icons/shield.svg
+       static/themes/default/icons/signal.svg
+       static/themes/default/icons/star.svg
+       static/themes/default/icons/tags.svg
+       static/themes/default/icons/terminal.svg
+       static/themes/default/icons/users.svg
        static/themes/default/icons/windows.svg
+       static/themes/default/icons/wrench.svg
 Copyright: 2018, Fork Awesome
 Comment: https://github.com/ForkAwesome/Fork-Awesome/tree/master/src/icons/svg/
 License: OFL-1.1
diff --git a/plinth/templates/card.html b/plinth/templates/card.html
index 22c157418..e09ffa4d3 100644
--- a/plinth/templates/card.html
+++ b/plinth/templates/card.html
@@ -10,7 +10,7 @@
   <a href="{{ item.url }}">
     <div class="card-icon">
       {% if 'fa-' in item.icon %}
-        <span class="fa {{ item.icon }}"></span>
+        {% icon item.icon|slice:"3:" class='card-icon' %}
       {% else %}
         {% if item.app_id %}
           {% icon item.app_id|add:'/icons/'|add:item.icon|add:'.svg' class='card-icon' %}
diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index e8308dbc6..624cba0db 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -645,7 +645,6 @@ footer {
     text-overflow: ellipsis;
     grid-row: 1;
     grid-column: 2;
-    padding: 0.375rem 0 0;
 }
 
 .system-page .card-icon {
@@ -653,9 +652,9 @@ footer {
     grid-column: 1;
 }
 
-.system-page .card-icon span {
+.system-page .card-icon svg {
     height: auto;
-    font-size: 2.1875rem;
+    width: 2.1875rem;
 }
 
 .system-page .card-description {
diff --git a/static/themes/default/icons/bar-chart.svg b/static/themes/default/icons/bar-chart.svg
new file mode 100644
index 000000000..64a2a1509
--- /dev/null
+++ b/static/themes/default/icons/bar-chart.svg
@@ -0,0 +1,9 @@
+<svg
+   width="2048"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 2048 1536"
+   fill="currentColor">
+  <path
+     d="m 640,768 v 512 H 384 V 768 Z M 1024,256 V 1280 H 768 V 256 Z m 1024,1152 v 128 H 0 V 0 H 128 V 1408 Z M 1408,512 v 768 H 1152 V 512 Z M 1792,128 V 1280 H 1536 V 128 Z" />
+</svg>
diff --git a/static/themes/default/icons/clock-o.svg b/static/themes/default/icons/clock-o.svg
new file mode 100644
index 000000000..d208af695
--- /dev/null
+++ b/static/themes/default/icons/clock-o.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1536 1536">
+  <path
+     d="m 896,416 v 448 c 0,18 -14,32 -32,32 H 544 c -18,0 -32,-14 -32,-32 v -64 c 0,-18 14,-32 32,-32 H 768 V 416 c 0,-18 14,-32 32,-32 h 64 c 18,0 32,14 32,32 z m 416,352 c 0,-300 -244,-544 -544,-544 -300,0 -544,244 -544,544 0,300 244,544 544,544 300,0 544,-244 544,-544 z m 224,0 c 0,424 -344,768 -768,768 C 344,1536 0,1192 0,768 0,344 344,0 768,0 c 424,0 768,344 768,768 z" />
+</svg>
diff --git a/static/themes/default/icons/cog.svg b/static/themes/default/icons/cog.svg
new file mode 100644
index 000000000..332e429a2
--- /dev/null
+++ b/static/themes/default/icons/cog.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 1536 1536"
+   fill="currentColor">
+  <path
+     d="M 1024,768 C 1024,627 909,512 768,512 627,512 512,627 512,768 c 0,141 115,256 256,256 141,0 256,-115 256,-256 z m 512,-109 v 222 c 0,15 -12,33 -28,36 l -185,28 c -11,32 -23,62 -39,91 34,49 70,93 107,138 6,7 10,16 10,25 0,9 -3,16 -9,23 -24,32 -159,179 -193,179 -9,0 -18,-4 -26,-9 l -138,-108 c -29,15 -60,28 -91,38 -7,61 -13,126 -29,186 -4,16 -18,28 -36,28 H 657 c -18,0 -34,-13 -36,-30 l -28,-184 c -31,-10 -61,-22 -90,-37 l -141,107 c -7,6 -16,9 -25,9 -9,0 -18,-4 -25,-11 -53,-48 -123,-110 -165,-168 -5,-7 -7,-15 -7,-23 0,-9 3,-16 8,-23 34,-46 71,-90 105,-137 -17,-32 -31,-65 -41,-99 L 29,913 C 12,910 0,894 0,877 V 655 c 0,-15 12,-33 27,-36 l 186,-28 c 10,-32 23,-62 39,-92 -34,-48 -70,-93 -107,-138 -6,-7 -10,-15 -10,-24 0,-9 4,-16 9,-23 24,-33 159,-179 193,-179 9,0 18,4 26,10 l 138,107 c 29,-15 60,-28 91,-38 7,-61 13,-126 29,-186 4,-16 18,-28 36,-28 h 222 c 18,0 34,13 36,30 l 28,184 c 31,10 61,22 90,37 l 142,-107 c 6,-6 15,-9 24,-9 9,0 18,4 25,10 53,49 123,111 165,170 5,6 7,14 7,22 0,9 -3,16 -8,23 -34,46 -71,90 -105,137 17,32 31,65 41,98 l 183,28 c 17,3 29,19 29,36 z" />
+</svg>
diff --git a/static/themes/default/icons/comments.svg b/static/themes/default/icons/comments.svg
new file mode 100644
index 000000000..a6d197b07
--- /dev/null
+++ b/static/themes/default/icons/comments.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1954.627"
+   height="1536"
+   viewBox="0 0 1954.627 1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor">
+  <path
+     d="m 1535.7783,558.46491 c 0,308.68279 -343.5867,558.46489 -767.88913,558.46489 -66.53585,0 -130.8902,-6.5445 -191.97229,-17.452 -90.53239,64.3543 -193.06305,111.2567 -303.22897,139.6162 -29.45028,7.6353 -61.08208,13.089 -93.80464,17.452 h -3.27225 c -16.36128,0 -31.6318,-13.089 -34.90405,-31.6318 -4.36301,-20.7242 9.81676,-33.8133 21.81503,-47.993 42.53931,-47.9931 90.53238,-90.5324 127.61794,-181.0648 C 113.43818,893.3257 0,735.1667 0,558.46491 0,249.78216 343.58677,0 767.88917,0 1192.1916,0 1535.7783,249.78216 1535.7783,558.46491 Z M 1954.627,837.6974 c 0,177.7925 -113.4382,334.8608 -290.14,437.3914 37.0856,90.5324 85.0787,133.0717 127.618,181.0648 11.9982,14.1798 26.178,27.2688 21.815,47.9931 -4.363,19.6335 -20.7243,33.8133 -38.1763,31.6318 -32.7226,-4.363 -64.3544,-9.8168 -93.8047,-17.452 -110.1659,-28.3596 -212.6966,-75.2619 -303.2289,-139.6163 -61.0821,10.9076 -125.4364,17.4521 -191.9723,17.4521 -197.42604,0 -378.49081,-54.5376 -514.83477,-143.9793 31.6318,2.1815 64.35434,4.363 95.98614,4.363 234.51163,0 455.93423,-67.6266 625.00073,-189.7908 182.1555,-133.0717 282.5046,-313.0457 282.5046,-508.29029 0,-56.71909 -8.726,-112.34743 -25.0873,-165.79427 184.3371,101.43992 304.3198,262.87118 304.3198,445.02676 z"
+     style="stroke-width:1.09075" />
+</svg>
diff --git a/static/themes/default/icons/compass.svg b/static/themes/default/icons/compass.svg
new file mode 100644
index 000000000..b4e2a2c42
--- /dev/null
+++ b/static/themes/default/icons/compass.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1536 1536">
+  <path
+     d="M 640,960 896,832 640,704 Z M 1024,369 V 911 L 512,1167 V 625 Z m 288,399 c 0,-300 -244,-544 -544,-544 -300,0 -544,244 -544,544 0,300 244,544 544,544 300,0 544,-244 544,-544 z m 224,0 c 0,424 -344,768 -768,768 C 344,1536 0,1192 0,768 0,344 344,0 768,0 c 424,0 768,344 768,768 z" />
+</svg>
diff --git a/static/themes/default/icons/eye-slash.svg b/static/themes/default/icons/eye-slash.svg
new file mode 100644
index 000000000..acd94a81a
--- /dev/null
+++ b/static/themes/default/icons/eye-slash.svg
@@ -0,0 +1,10 @@
+<svg
+   width="2048"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 2048 1536">
+  <path
+     d="m 634.28571,1196.5714 89.14286,-161.1428 C 590.85714,939.42857 512,785.14286 512,621.71429 512,531.42857 536,442.28571 581.71429,364.57143 403.42857,456 254.85714,600 146.28571,768 c 118.85715,184 286.85715,338.2857 488,428.5714 z M 1078.8571,329.14286 c 0,-29.71429 -25.1428,-54.85715 -54.8571,-54.85715 -190.85714,0 -347.42857,156.57143 -347.42857,347.42858 0,29.71428 25.14286,54.85714 54.85714,54.85714 29.71429,0 54.85714,-25.14286 54.85714,-54.85714 C 786.28571,490.28571 893.71429,384 1024,384 c 29.7143,0 54.8571,-25.14286 54.8571,-54.85714 z m 414.8572,-218.28572 c 0,2.28572 0,8 -1.1429,10.28572 -241.1428,430.85714 -480,864 -721.14283,1294.85714 l -56,101.7143 C 708.57143,1529.1429 696,1536 683.42857,1536 662.85714,1536 554.28571,1469.7143 530.28571,1456 518.85714,1449.1429 512,1437.7143 512,1424 c 0,-18.2857 38.85714,-80 50.28571,-99.4286 -221.71428,-100.5714 -408,-272 -539.428567,-477.71426 C 8,824 0,796.57143 0,768 0,740.57143 8,712 22.857143,689.14286 249.14286,341.71429 602.28571,109.71429 1024,109.71429 c 68.5714,0 138.2857,6.85714 205.7143,19.42857 L 1291.4286,18.285714 C 1298.2857,6.8571429 1309.7143,0 1323.4286,0 c 20.5714,0 128,66.285714 152,80 11.4285,6.857143 18.2857,18.285714 18.2857,30.85714 z M 1536,621.71429 C 1536,834.28571 1404.5714,1024 1206.8571,1099.4286 l 320,-573.71431 c 5.7143,32 9.1429,64 9.1429,96 z M 2048,768 c 0,29.71429 -8,53.71429 -22.8571,78.85714 -35.4286,58.28572 -80,114.28572 -124.5715,165.71426 -224,257.1429 -532.5714,413.7143 -876.5714,413.7143 l 84.5714,-150.8571 C 1441.1429,1246.8571 1723.4286,1044.5714 1901.7143,768 1817.1429,636.57143 1708.5714,521.14286 1579.4286,432 l 72,-128 C 1793.1429,398.85714 1936,541.71429 2025.1429,689.14286 2040,714.28571 2048,738.28571 2048,768 Z"
+     style="stroke-width:1.14286" />
+</svg>
diff --git a/static/themes/default/icons/files-o.svg b/static/themes/default/icons/files-o.svg
new file mode 100644
index 000000000..1fd23db2d
--- /dev/null
+++ b/static/themes/default/icons/files-o.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1536 1536">
+  <path
+     d="M 1453.7143,329.14286 C 1499.1429,329.14286 1536,366 1536,411.42857 V 1453.7143 c 0,45.4286 -36.8571,82.2857 -82.2857,82.2857 H 630.85714 c -45.42857,0 -82.28571,-36.8571 -82.28571,-82.2857 V 1206.8571 H 82.285714 C 36.857143,1206.8571 0,1170 0,1124.5714 V 548.57143 C 0,503.14286 26.571429,439.71429 58.285714,408 L 408,58.285714 C 439.71429,26.571429 503.14286,0 548.57143,0 h 356.57143 c 45.42857,0 82.28571,36.857143 82.28571,82.285714 V 363.42857 c 33.42853,-19.71428 76.28573,-34.28571 109.71433,-34.28571 z M 987.42857,511.71429 731.14286,768 H 987.42857 Z M 438.85714,182.57143 182.57143,438.85714 h 256.28571 z m 168,554.57143 270.85715,-270.85715 V 109.71429 H 548.57143 v 356.57142 c 0,45.42858 -36.85714,82.28572 -82.28572,82.28572 H 109.71429 V 1097.1429 H 548.57143 V 877.71429 c 0,-45.42858 26.57143,-108.85715 58.28571,-140.57143 z M 1426.2857,1426.2857 V 438.85714 h -329.1428 v 356.57143 c 0,45.42857 -36.8572,82.28572 -82.2858,82.28572 H 658.28571 v 548.57141 z"
+     style="stroke-width:0.857143" />
+</svg>
diff --git a/static/themes/default/icons/film.svg b/static/themes/default/icons/film.svg
new file mode 100644
index 000000000..68dc2e269
--- /dev/null
+++ b/static/themes/default/icons/film.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1772.308"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1772.308 1536">
+  <path
+     d="m 354.46154,1358.7692 v -118.1538 c 0,-32.3077 -26.76923,-59.0769 -59.07692,-59.0769 H 177.23077 c -32.30769,0 -59.07692,26.7692 -59.07692,59.0769 v 118.1538 c 0,32.3077 26.76923,59.077 59.07692,59.077 h 118.15385 c 32.30769,0 59.07692,-26.7693 59.07692,-59.077 z m 0,-354.4615 V 886.15385 c 0,-32.3077 -26.76923,-59.07693 -59.07692,-59.07693 H 177.23077 c -32.30769,0 -59.07692,26.76923 -59.07692,59.07693 v 118.15385 c 0,32.3077 26.76923,59.0769 59.07692,59.0769 h 118.15385 c 32.30769,0 59.07692,-26.7692 59.07692,-59.0769 z m 0,-354.46155 V 531.69231 c 0,-32.30769 -26.76923,-59.07693 -59.07692,-59.07693 H 177.23077 c -32.30769,0 -59.07692,26.76924 -59.07692,59.07693 v 118.15384 c 0,32.3077 26.76923,59.07693 59.07692,59.07693 h 118.15385 c 32.30769,0 59.07692,-26.76923 59.07692,-59.07693 z M 1299.6923,1358.7692 V 886.15385 c 0,-32.3077 -26.7692,-59.07693 -59.0769,-59.07693 H 531.69231 c -32.30769,0 -59.07693,26.76923 -59.07693,59.07693 v 472.61535 c 0,32.3077 26.76924,59.077 59.07693,59.077 h 708.92309 c 32.3077,0 59.0769,-26.7693 59.0769,-59.077 z M 354.46154,295.38462 V 177.23077 c 0,-32.30769 -26.76923,-59.07692 -59.07692,-59.07692 H 177.23077 c -32.30769,0 -59.07692,26.76923 -59.07692,59.07692 v 118.15385 c 0,32.30769 26.76923,59.07692 59.07692,59.07692 h 118.15385 c 32.30769,0 59.07692,-26.76923 59.07692,-59.07692 z M 1654.1538,1358.7692 v -118.1538 c 0,-32.3077 -26.7692,-59.0769 -59.0769,-59.0769 h -118.1538 c -32.3077,0 -59.0769,26.7692 -59.0769,59.0769 v 118.1538 c 0,32.3077 26.7692,59.077 59.0769,59.077 h 118.1538 c 32.3077,0 59.0769,-26.7693 59.0769,-59.077 z M 1299.6923,649.84615 V 177.23077 c 0,-32.30769 -26.7692,-59.07692 -59.0769,-59.07692 H 531.69231 c -32.30769,0 -59.07693,26.76923 -59.07693,59.07692 v 472.61538 c 0,32.3077 26.76924,59.07693 59.07693,59.07693 h 708.92309 c 32.3077,0 59.0769,-26.76923 59.0769,-59.07693 z m 354.4615,354.46155 V 886.15385 c 0,-32.3077 -26.7692,-59.07693 -59.0769,-59.07693 h -118.1538 c -32.3077,0 -59.0769,26.76923 -59.0769,59.07693 v 118.15385 c 0,32.3077 26.7692,59.0769 59.0769,59.0769 h 118.1538 c 32.3077,0 59.0769,-26.7692 59.0769,-59.0769 z m 0,-354.46155 V 531.69231 c 0,-32.30769 -26.7692,-59.07693 -59.0769,-59.07693 h -118.1538 c -32.3077,0 -59.0769,26.76924 -59.0769,59.07693 v 118.15384 c 0,32.3077 26.7692,59.07693 59.0769,59.07693 h 118.1538 c 32.3077,0 59.0769,-26.76923 59.0769,-59.07693 z m 0,-354.46153 V 177.23077 c 0,-32.30769 -26.7692,-59.07692 -59.0769,-59.07692 h -118.1538 c -32.3077,0 -59.0769,26.76923 -59.0769,59.07692 v 118.15385 c 0,32.30769 26.7692,59.07692 59.0769,59.07692 h 118.1538 c 32.3077,0 59.0769,-26.76923 59.0769,-59.07692 z M 1772.3077,147.69231 V 1388.3077 c 0,81.2308 -66.4615,147.6923 -147.6923,147.6923 H 147.69231 C 66.461538,1536 0,1469.5385 0,1388.3077 V 147.69231 C 0,66.461538 66.461538,0 147.69231,0 H 1624.6154 c 81.2308,0 147.6923,66.461538 147.6923,147.69231 z"
+     style="stroke-width:0.923077" />
+</svg>
diff --git a/static/themes/default/icons/flag.svg b/static/themes/default/icons/flag.svg
new file mode 100644
index 000000000..a0c8befc5
--- /dev/null
+++ b/static/themes/default/icons/flag.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1728"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1728 1536">
+  <path
+     d="m 256,128 c 0,46 -25,87 -64,110 v 1266 c 0,17 -15,32 -32,32 H 96 c -17,0 -32,-15 -32,-32 V 238 C 25,215 0,174 0,128 0,57 57,0 128,0 199,0 256,57 256,128 Z m 1472,64 v 763 c 0,37 -23,51 -52,66 -113,61 -238,116 -369,116 -184,0 -272,-140 -490,-140 -159,0 -326,72 -464,146 -11,6 -21,9 -33,9 -35,0 -64,-29 -64,-64 V 346 c 0,-24 12,-41 31,-55 24,-16 53,-30 79,-43 126,-64 279,-120 421,-120 157,0 280,52 419,117 28,14 57,19 88,19 157,0 326,-136 370,-136 35,0 64,29 64,64 z" />
+</svg>
diff --git a/static/themes/default/icons/globe-w.svg b/static/themes/default/icons/globe-w.svg
new file mode 100644
index 000000000..3286ec92e
--- /dev/null
+++ b/static/themes/default/icons/globe-w.svg
@@ -0,0 +1,11 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1536 1536">
+  <path
+     style="isolation:auto;mix-blend-mode:normal"
+     d="M 768,0 A 768,768 0 0 0 0,768 768,768 0 0 0 768,1536 768,768 0 0 0 1536,768 768,768 0 0 0 768,0 Z m 156.38,165.762 c 2.712,-0.032 5.628,0.468 7.866,2.345 5.116,4.292 -9.465,20.236 -9.465,31.569 0,11.325 5.338,21.098 0,33.988 -5.337,12.897 -23.423,23.456 -35.135,35.19 -11.711,11.727 -191.446,143.35 -108.691,143.35 82.756,0 119.687,-62.023 142.754,-38.942 23.066,23.073 69.2,20.401 69.197,69.22 0,48.82 -117.174,127.897 -163.142,173.864 -11.493,11.498 10.893,127.154 -7.198,127.154 -18.195,0 -59.352,-68.055 -72.662,-56.238 -25.52,18.504 -15.659,7.725 -32.804,31.054 -16.883,40.761 -29.83,60.984 -29.83,84.21 0,23.225 -5.64,63.195 2.293,73.503 7.938,10.308 5.882,1.593 8.11,2.147 2.23,0.692 129.619,7.263 165.263,16.166 35.643,8.902 95.923,13.31 129.613,32.375 33.69,19.065 46.524,46.506 69.785,69.76 23.261,23.253 65.126,41.163 69.783,69.753 4.66,28.598 -22.36,44.834 -33.54,67.256 -11.181,22.416 -21.34,50.251 -33.54,67.246 -12.199,16.989 -23.674,23.808 -35.512,35.715 -11.837,11.9 -17.735,2.354 -35.511,35.715 -10.825,20.293 -17.757,62.325 -23.676,102.834 A 640,640 0 0 1 768,1408 a 640,640 0 0 1 -11.152,-0.559 619.159,619.159 0 0 1 -7.143,-31.529 c -9.52,-47.58 -13.079,-132.709 -34.621,-173.02 -21.542,-40.31 -46.033,-46.16 -69.05,-69.234 -23.019,-23.08 -64.422,-40.436 -69.057,-69.234 -4.639,-28.799 23.088,-46.021 34.63,-69.04 11.543,-23.01 48.247,-64.968 42.276,-101.921 -5.974,-36.954 -77.112,-36.588 -111.844,-71.326 -34.732,-34.739 -122.234,-56.967 -145.3,-97.721 -23.068,-40.754 -23.474,-93.976 -32.378,-129.621 -8.904,-35.645 7.17,-141.992 6.584,-144.22 -0.623,-2.216 8.093,0 -2.148,-8.114 -10.239,-7.885 -46.094,0 -69.143,0 -23.047,0 -56.977,12.17 -69.142,0 -4.119,-4.118 -5.445,-8.051 -5.403,-11.895 A 640,640 0 0 1 417.797,232.613 c 6.892,1.111 13.799,2.166 20.99,2.166 22.906,0 23.345,3.739 68.719,0 45.374,-3.738 146.223,-24.286 201.687,-33.5 55.465,-9.214 206.003,-34.266 207.639,-34.556 0.919,0 4.064,-0.92 7.549,-0.961 z m 116.905,24.38 a 640,640 0 0 1 195.649,143.151 c -22.352,13.76 -50.707,25.834 -71.85,39.934 -34.61,23.08 -71.257,77.894 -103.832,69.248 -32.574,-8.647 -23.086,-46.154 -34.629,-69.235 -11.544,-23.08 -34.629,-43.431 -34.629,-69.232 0,-25.801 23.083,-46.148 34.625,-69.229 6.925,-13.843 8.761,-30.274 14.666,-44.636 z"
+     overflow="visible" />
+</svg>
diff --git a/static/themes/default/icons/hdd-o.svg b/static/themes/default/icons/hdd-o.svg
new file mode 100644
index 000000000..18ba454cd
--- /dev/null
+++ b/static/themes/default/icons/hdd-o.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1843.2"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1843.2 1536">
+  <path
+     d="m 1248,1152 c 0,52.8 -43.2,96 -96,96 -52.8,0 -96,-43.2 -96,-96 0,-52.8 43.2,-96 96,-96 52.8,0 96,43.2 96,96 z m 307.2,0 c 0,52.8 -43.2,96 -96,96 -52.8,0 -96,-43.2 -96,-96 0,-52.8 43.2,-96 96,-96 52.8,0 96,43.2 96,96 z m 134.4,192 V 960 c 0,-20.4 -18,-38.4 -38.4,-38.4 H 192 c -20.4,0 -38.4,18 -38.4,38.4 v 384 c 0,20.4 18,38.4 38.4,38.4 h 1459.2 c 20.4,0 38.4,-18 38.4,-38.4 z M 213.6,768 h 1416 L 1441.2,189.6 c -6,-20.4 -28.8,-36 -50.4,-36 H 452.4 c -21.6,0 -44.4,15.6 -50.4,36 z m 1629.6,192 v 384 c 0,105.6 -86.4,192 -192,192 H 192 C 86.4,1536 0,1449.6 0,1344 V 960 C 0,927.6 9.6,900 19.2,870 L 255.6,142.8 C 283.2,58.8 363.6,0 452.4,0 h 938.4 c 88.8,0 169.2,58.8 196.8,142.8 L 1824,870 c 9.6,30 19.2,57.6 19.2,90 z"
+     style="stroke-width:1.2" />
+</svg>
diff --git a/static/themes/default/icons/heartbeat.svg b/static/themes/default/icons/heartbeat.svg
new file mode 100644
index 000000000..41af8ab00
--- /dev/null
+++ b/static/themes/default/icons/heartbeat.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1792"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1792 1536">
+  <path
+     d="m 1280,896 h 305 c -12,13 -20,20 -22,22 l -623,600 c -12,12 -28,18 -44,18 -16,0 -32,-6 -44,-18 L 228,916 c -2,-1 -10,-8 -21,-20 h 369 c 29,0 55,-20 62,-48 l 70,-281 190,667 c 8,27 33,46 62,46 28,0 53,-19 61,-46 l 146,-485 56,112 c 11,21 33,35 57,35 z m 512,-428 c 0,115 -50,220 -103,300 H 1320 L 1209,547 c -11,-23 -37,-37 -62,-35 -27,3 -49,20 -56,46 L 962,988 766,302 c -8,-27 -33,-46 -63,-46 -29,0 -54,20 -61,48 L 526,768 H 103 C 50,688 0,583 0,468 0,175 179,0 478,0 653,0 817,138 896,216 975,138 1139,0 1314,0 c 299,0 478,175 478,468 z" />
+</svg>
diff --git a/static/themes/default/icons/info-circle.svg b/static/themes/default/icons/info-circle.svg
new file mode 100644
index 000000000..7032ffe23
--- /dev/null
+++ b/static/themes/default/icons/info-circle.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1536 1536">
+  <path
+     d="m 1024,1248 v -160 c 0,-18 -14,-32 -32,-32 H 896 V 544 c 0,-18 -14,-32 -32,-32 H 544 c -18,0 -32,14 -32,32 v 160 c 0,18 14,32 32,32 h 96 v 320 h -96 c -18,0 -32,14 -32,32 v 160 c 0,18 14,32 32,32 h 448 c 18,0 32,-14 32,-32 z M 896,352 V 192 c 0,-18 -14,-32 -32,-32 H 672 c -18,0 -32,14 -32,32 v 160 c 0,18 14,32 32,32 h 192 c 18,0 32,-14 32,-32 z m 640,416 c 0,424 -344,768 -768,768 C 344,1536 0,1192 0,768 0,344 344,0 768,0 c 424,0 768,344 768,768 z" />
+</svg>
diff --git a/static/themes/default/icons/life-ring.svg b/static/themes/default/icons/life-ring.svg
new file mode 100644
index 000000000..fb209d7b2
--- /dev/null
+++ b/static/themes/default/icons/life-ring.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 1536 1536"
+   fill="currentColor">
+  <path
+     d="m 768,0 c 424.2857,0 768,343.71429 768,768 0,424.2857 -343.7143,768 -768,768 C 343.71429,1536 0,1192.2857 0,768 0,343.71429 343.71429,0 768,0 Z m 0,109.71429 c -111.42857,0 -216.85714,28.28571 -309.42857,77.14285 l 166.28571,166.28572 c 45.42857,-15.42857 93.42857,-24 143.14286,-24 50.57143,0 97.71429,8.57143 143.14286,24 L 1077.4286,186.85714 C 984.85714,138 879.42857,109.71429 768,109.71429 Z M 186.85714,1077.4286 353.14286,911.14286 c -15.42857,-45.42857 -24,-93.42857 -24,-143.14286 0,-50.57143 8.57143,-97.71429 24,-143.14286 L 186.85714,458.57143 C 138,551.14286 109.71429,656.57143 109.71429,768 c 0,111.42857 28.28571,216.85714 77.14285,309.4286 z M 768,1426.2857 c 111.42857,0 216.85714,-28.2857 309.4286,-77.1428 L 911.14286,1182.8571 c -45.42857,15.4286 -92.57143,24 -143.14286,24 -49.71429,0 -97.71429,-8.5714 -143.14286,-24 l -166.28571,166.2858 c 92.57143,48.8571 198,77.1428 309.42857,77.1428 z m 0,-329.1428 c 181.71429,0 329.1429,-147.42861 329.1429,-329.1429 0,-181.71429 -147.42861,-329.14286 -329.1429,-329.14286 -181.71429,0 -329.14286,147.42857 -329.14286,329.14286 0,181.71429 147.42857,329.1429 329.14286,329.1429 z m 414.8571,-186.00004 166.2858,166.28574 C 1398,984.85714 1426.2857,879.42857 1426.2857,768 c 0,-111.42857 -28.2857,-216.85714 -77.1428,-309.42857 l -166.2858,166.28571 c 15.4286,45.42857 24,93.42857 24,143.14286 0,49.71429 -8.5714,97.71429 -24,143.14286 z"
+     style="stroke-width:0.857143" />
+</svg>
diff --git a/static/themes/default/icons/lock.svg b/static/themes/default/icons/lock.svg
new file mode 100644
index 000000000..1c80d8130
--- /dev/null
+++ b/static/themes/default/icons/lock.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1256.7271"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1256.7271 1536">
+  <path
+     d="M 349.09091,698.18182 H 907.63636 V 488.72727 c 0,-153.81818 -125.45454,-279.27272 -279.27272,-279.27272 -153.81819,0 -279.27273,125.45454 -279.27273,279.27272 z M 1256.7273,802.90909 V 1431.2727 C 1256.7273,1489.0909 1209.8182,1536 1152,1536 H 104.72727 C 46.909091,1536 0,1489.0909 0,1431.2727 V 802.90909 C 0,745.09091 46.909091,698.18182 104.72727,698.18182 h 34.90909 V 488.72727 C 139.63636,220.36364 360,0 628.36364,0 896.72727,0 1117.0909,220.36364 1117.0909,488.72727 V 698.18182 H 1152 c 57.8182,0 104.7273,46.90909 104.7273,104.72727 z"
+     style="stroke-width:1.09091" />
+</svg>
diff --git a/static/themes/default/icons/power-off.svg b/static/themes/default/icons/power-off.svg
new file mode 100644
index 000000000..e519571a1
--- /dev/null
+++ b/static/themes/default/icons/power-off.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1417.8459"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1417.8459 1536">
+  <path
+     d="M 1417.8462,827.07692 C 1417.8462,1217.5385 1099.3846,1536 708.92308,1536 318.46154,1536 0,1217.5385 0,827.07692 0,602.76923 103.38462,396 283.38462,261.23077 336,221.53846 409.84615,231.69231 448.61538,284.30769 488.30769,336 477.23077,410.76923 425.53846,449.53846 c -120,90.46154 -189.23077,228 -189.23077,377.53846 0,260.30768 212.30769,472.61538 472.61539,472.61538 260.30769,0 472.61542,-212.3077 472.61542,-472.61538 C 1181.5385,677.53846 1112.3077,540 992.30769,449.53846 940.61538,410.76923 929.53846,336 969.23077,284.30769 1008,231.69231 1082.7692,221.53846 1134.4615,261.23077 1314.4615,396 1417.8462,602.76923 1417.8462,827.07692 Z M 827.07692,118.15385 v 590.76923 c 0,64.61538 -53.53846,118.15384 -118.15384,118.15384 -64.61539,0 -118.15385,-53.53846 -118.15385,-118.15384 V 118.15385 C 590.76923,53.538462 644.30769,0 708.92308,0 773.53846,0 827.07692,53.538462 827.07692,118.15385 Z"
+     style="stroke-width:0.923077" />
+</svg>
diff --git a/static/themes/default/icons/refresh.svg b/static/themes/default/icons/refresh.svg
new file mode 100644
index 000000000..7f8d5ca9f
--- /dev/null
+++ b/static/themes/default/icons/refresh.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1536"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1536 1536">
+  <path
+     d="m 1511,928 c 0,2 0,5 -1,7 -85,354 -377,601 -746,601 -195,0 -384,-77 -526,-212 l -129,129 c -12,12 -28,19 -45,19 -35,0 -64,-29 -64,-64 V 960 c 0,-35 29,-64 64,-64 h 448 c 35,0 64,29 64,64 0,17 -7,33 -19,45 l -137,137 c 94,88 219,138 348,138 178,0 343,-92 436,-244 24,-39 36,-77 53,-117 5,-14 15,-23 30,-23 h 192 c 18,0 32,15 32,32 z m 25,-800 v 448 c 0,35 -29,64 -64,64 h -448 c -35,0 -64,-29 -64,-64 0,-17 7,-33 19,-45 L 1117,393 C 1022,305 897,256 768,256 c -178,0 -343,92 -436,244 -24,39 -36,77 -53,117 -5,14 -15,23 -30,23 H 50 C 32,640 18,625 18,608 v -7 C 104,246 399,0 768,0 964,0 1155,78 1297,212 L 1427,83 c 12,-12 28,-19 45,-19 35,0 64,29 64,64 z" />
+</svg>
diff --git a/static/themes/default/icons/shield.svg b/static/themes/default/icons/shield.svg
new file mode 100644
index 000000000..cf3698e14
--- /dev/null
+++ b/static/themes/default/icons/shield.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1280"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 1280 1536"
+   fill="currentColor">
+  <path
+     d="M 1088,832 V 192 H 640 v 1137 c 51,-27 133,-74 213,-137 107,-84 235,-215 235,-360 z M 1280,64 v 768 c 0,421 -589,687 -614,698 -8,4 -17,6 -26,6 -9,0 -18,-2 -26,-6 C 589,1519 0,1253 0,832 V 64 C 0,29 29,0 64,0 h 1152 c 35,0 64,29 64,64 z" />
+</svg>
diff --git a/static/themes/default/icons/signal.svg b/static/themes/default/icons/signal.svg
new file mode 100644
index 000000000..039da4dfa
--- /dev/null
+++ b/static/themes/default/icons/signal.svg
@@ -0,0 +1,9 @@
+<svg
+   width="1792"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 1792 1536"
+   fill="currentColor">
+  <path
+     d="m 256,1312 v 192 c 0,18 -14,32 -32,32 H 32 c -18,0 -32,-14 -32,-32 v -192 c 0,-18 14,-32 32,-32 h 192 c 18,0 32,14 32,32 z m 384,-128 v 320 c 0,18 -14,32 -32,32 H 416 c -18,0 -32,-14 -32,-32 v -320 c 0,-18 14,-32 32,-32 h 192 c 18,0 32,14 32,32 z m 384,-256 v 576 c 0,18 -14,32 -32,32 H 800 c -18,0 -32,-14 -32,-32 V 928 c 0,-18 14,-32 32,-32 h 192 c 18,0 32,14 32,32 z m 384,-384 v 960 c 0,18 -14,32 -32,32 h -192 c -18,0 -32,-14 -32,-32 V 544 c 0,-18 14,-32 32,-32 h 192 c 18,0 32,14 32,32 z M 1792,32 v 1472 c 0,18 -14,32 -32,32 h -192 c -18,0 -32,-14 -32,-32 V 32 c 0,-18 14,-32 32,-32 h 192 c 18,0 32,14 32,32 z" />
+</svg>
diff --git a/static/themes/default/icons/star.svg b/static/themes/default/icons/star.svg
new file mode 100644
index 000000000..15b620873
--- /dev/null
+++ b/static/themes/default/icons/star.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1610.525"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1610.525 1536">
+  <path
+     d="m 1610.5255,595.23629 c 0,17.42155 -12.5822,33.87524 -25.1644,46.45747 l -351.3346,342.62384 83.2363,483.9319 c 0.9678,6.7751 0.9678,12.5823 0.9678,19.3573 0,25.1645 -11.6143,48.3932 -39.6824,48.3932 -13.5501,0 -27.1002,-4.8393 -38.7146,-11.6144 L 805.26276,1295.9698 370.69187,1524.3856 C 358.10964,1531.1607 345.52741,1536 331.97732,1536 c -28.06806,0 -40.65029,-23.2287 -40.65029,-48.3932 0,-6.775 0.96787,-12.5822 1.93573,-19.3573 L 376.49905,984.3176 24.196597,641.69376 C 12.582231,629.11153 0,612.65784 0,595.23629 0,566.20038 30.003781,554.58601 54.200378,550.71456 L 540.06805,480.06049 757.83743,39.68242 C 766.5482,21.293006 783.00189,0 805.26276,0 c 22.26087,0 38.71456,21.293006 47.42533,39.68242 l 217.76941,440.37807 485.8676,70.65407 c 23.2288,3.87145 54.2004,15.48582 54.2004,44.52173 z"
+     style="stroke-width:0.967864" />
+</svg>
diff --git a/static/themes/default/icons/tags.svg b/static/themes/default/icons/tags.svg
new file mode 100644
index 000000000..458f9ac42
--- /dev/null
+++ b/static/themes/default/icons/tags.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1925.323"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   fill="currentColor"
+   viewBox="0 0 1925.323 1536">
+  <path
+     d="m 454.20997,324.43565 c 0,-71.98416 -57.79012,-129.77425 -129.77429,-129.77425 -71.98416,0 -129.77426,57.79009 -129.77426,129.77425 0,71.98416 57.7901,129.77427 129.77426,129.77427 71.98417,0 129.77429,-57.79011 129.77429,-129.77427 z M 1536.0002,908.4198 c 0,34.4713 -14.194,67.9287 -37.5128,91.2476 l -497.8061,498.8198 C 976.34865,1521.806 942.89122,1536 908.41993,1536 c -34.47129,0 -67.92872,-14.194 -91.24754,-37.5128 L 92.261399,772.5624 C 40.55446,721.86933 0,623.52478 0,551.54062 V 129.77427 C 0,58.80396 58.803968,0 129.77428,0 h 421.7664 c 71.98416,0 170.32872,40.55446 222.03567,92.2614 l 724.91105,723.89704 c 23.3188,24.33268 37.5128,57.79006 37.5128,92.26136 z m 389.3228,0 c 0,34.4713 -14.1941,67.9287 -37.5128,91.2476 l -497.8061,498.8198 C 1365.6715,1521.806 1332.214,1536 1297.7428,1536 c -52.7209,0 -79.0813,-24.3326 -113.5526,-59.8178 l 476.515,-476.5148 c 23.3189,-23.3189 37.5129,-56.7763 37.5129,-91.2476 0,-34.4713 -14.194,-67.92868 -37.5129,-92.26136 L 935.79419,92.2614 C 884.08726,40.55446 785.74268,0 713.75851,0 h 227.10498 c 71.98421,0 170.32871,40.55446 222.03571,92.2614 l 724.911,723.89704 c 23.3187,24.33268 37.5128,57.79006 37.5128,92.26136 z"
+     style="stroke-width:1.01386" />
+</svg>
diff --git a/static/themes/default/icons/terminal.svg b/static/themes/default/icons/terminal.svg
new file mode 100644
index 000000000..413579e8a
--- /dev/null
+++ b/static/themes/default/icons/terminal.svg
@@ -0,0 +1,10 @@
+<svg
+   width="2359.2019"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 2359.2019 1536"
+   fill="currentColor">
+  <path
+     d="m 817.1277,745.6692 -665.99302,665.993 c -18.5792,18.5793 -47.16259,18.5793 -65.741798,0 l -71.458479,-71.4584 c -18.579204,-18.5792 -18.579204,-47.1626 0,-65.7418 L 575.59805,712.7983 13.934403,151.13468 c -18.579204,-18.5792 -18.579204,-47.16259 0,-65.7418 L 85.392882,13.9344 c 18.579208,-18.5792 47.162598,-18.5792 65.741798,0 l 665.99302,665.993 c 18.57921,18.5792 18.57921,47.1626 0,65.7418 z m 1542.074,653.1305 v 91.4669 c 0,25.725 -20.0084,45.7334 -45.7335,45.7334 H 941.46546 c -25.72506,0 -45.73343,-20.0084 -45.73343,-45.7334 v -91.4669 c 0,-25.725 20.00837,-45.7334 45.73343,-45.7334 H 2313.4682 c 25.7251,0 45.7335,20.0084 45.7335,45.7334 z"
+     style="stroke-width:1.42917" />
+</svg>
diff --git a/static/themes/default/icons/users.svg b/static/themes/default/icons/users.svg
new file mode 100644
index 000000000..bda341df2
--- /dev/null
+++ b/static/themes/default/icons/users.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1645.725"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 1645.725 1536"
+   fill="currentColor">
+  <path
+     d="m 508.29095,768 c -89.14286,2.57143 -169.71428,41.14286 -227.14286,109.71429 H 166.29095 C 80.576661,877.71429 0.00523328,836.57143 0.00523328,741.42857 0.00523328,672 -2.5661953,438.85714 106.29095,438.85714 c 18,0 107.14286,72.85715 222.85714,72.85715 39.42858,0 77.14286,-6.85715 114,-19.71429 -2.57142,18.85714 -4.28571,37.71429 -4.28571,56.57143 0,78 24.85714,155.14286 69.42857,219.42857 z m 917.99995,546 c 0,138.8571 -91.7142,222 -228.8571,222 H 448.29095 c -137.14286,0 -228.85714,-83.1429 -228.85714,-222 0,-193.7143 45.42857,-491.14286 296.57143,-491.14286 29.14285,0 135.42857,119.14286 306.85714,119.14286 171.42857,0 277.71432,-119.14286 306.85712,-119.14286 251.1429,0 296.5714,297.42856 296.5714,491.14286 z M 548.57667,219.42857 c 0,120.85714 -98.57143,219.42857 -219.42858,219.42857 -120.85714,0 -219.42857,-98.57143 -219.42857,-219.42857 C 109.71952,98.571429 208.29095,0 329.14809,0 450.00524,0 548.57667,98.571429 548.57667,219.42857 Z m 603.42853,329.14286 c 0,181.71428 -147.4285,329.14286 -329.14282,329.14286 -181.71429,0 -329.14286,-147.42858 -329.14286,-329.14286 0,-181.71429 147.42857,-329.14286 329.14286,-329.14286 181.71432,0 329.14282,147.42857 329.14282,329.14286 z m 493.7143,192.85714 c 0,95.14286 -80.5714,136.28572 -166.2857,136.28572 h -114.8571 c -57.4286,-68.57143 -138,-107.14286 -227.1429,-109.71429 44.5714,-64.28571 69.4286,-141.42857 69.4286,-219.42857 0,-18.85714 -1.7143,-37.71429 -4.2857,-56.57143 36.8571,12.85714 74.5714,19.71429 114,19.71429 115.7142,0 204.8571,-72.85715 222.8571,-72.85715 108.8571,0 106.2857,233.14286 106.2857,302.57143 z m -109.7143,-522 c 0,120.85714 -98.5714,219.42857 -219.4285,219.42857 -120.8572,0 -219.4286,-98.57143 -219.4286,-219.42857 C 1097.1481,98.571429 1195.7195,0 1316.5767,0 c 120.8571,0 219.4285,98.571429 219.4285,219.42857 z"
+     style="stroke-width:0.857143" />
+</svg>
diff --git a/static/themes/default/icons/wrench.svg b/static/themes/default/icons/wrench.svg
new file mode 100644
index 000000000..cd0fafb68
--- /dev/null
+++ b/static/themes/default/icons/wrench.svg
@@ -0,0 +1,10 @@
+<svg
+   width="1534.13"
+   height="1536"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 1534.13 1536"
+   fill="currentColor">
+  <path
+     d="m 339.35971,1256.4723 c 0,-32.7206 -27.11138,-59.832 -59.83202,-59.832 -32.72063,0 -59.83201,27.1114 -59.83201,59.832 0,32.7206 27.11138,59.832 59.83201,59.832 32.72064,0 59.83202,-27.1114 59.83202,-59.832 z M 941.41935,863.82471 303.83445,1501.4096 C 282.33232,1522.9117 251.48144,1536 219.69568,1536 c -31.78576,0 -62.63664,-13.0883 -85.07365,-34.5904 L 35.525259,1400.4431 C 13.088253,1378.941 0,1348.0901 0,1316.3043 c 0,-31.7857 13.088253,-62.6366 35.525259,-85.0736 L 672.17529,594.58065 C 720.7888,717.0493 818.9507,815.2112 941.41935,863.82471 Z M 1534.1302,457.15399 c 0,30.85088 -11.2185,69.18076 -21.5021,99.09677 C 1453.731,722.65855 1293.8673,837.6482 1117.1759,837.6482 886.26172,837.6482 698.3518,649.73828 698.3518,418.8241 698.3518,187.90992 886.26172,0 1117.1759,0 c 68.2459,0 157.059,20.567255 214.0864,58.897139 9.3488,6.544127 14.958,14.958004 14.958,26.176507 0,10.283627 -6.5441,20.567254 -14.958,26.176504 l -273.9184,157.99392 v 209.41205 l 180.4309,100.03165 c 30.8509,-17.76263 247.7419,-154.25442 266.4394,-154.25442 18.6975,0 29.916,14.02313 29.916,32.72064 z"
+     style="stroke-width:0.934875" />
+</svg>