git.lucas.co / cce-icons
SVG icon set
git clone https://git.lucas.co/cce-icons.git

commit0bab946616cb79007ace4516244126e3c45aa666
parentb637ad4e69
authorLucas Galante <[email protected]>
date2026-09-16 10:02
Add battery, cpu, brightness, volume and volume-muted glyphs

The status bar's percentage modules read out as a glyph with the value
superimposed, so each needs a solid silhouette broad enough to ground a
number: a battery on its side, a square die with pins, a sun, a speaker
with two arcs, and the same speaker with a cross for the muted state.

Co-Authored-By: Claude Fable 5.1 <[email protected]>

 svg/battery.svg      |  9 +++++++++
 svg/brightness.svg   | 14 ++++++++++++++
 svg/cpu.svg          | 21 +++++++++++++++++++++
 svg/volume-muted.svg | 11 +++++++++++
 svg/volume.svg       | 11 +++++++++++
 5 files changed, 66 insertions(+)

diff --git a/svg/battery.svg b/svg/battery.svg
new file mode 100644
index 0000000..af20183
--- /dev/null
+++ b/svg/battery.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Stylized battery on its side: body + terminal nub. Solid, with a broad
+       body, because the status bar ghosts it under a superimposed readout —
+       the number sits where a charge gauge would. -->
+  <g fill="#ffffff">
+    <rect x="3" y="10" width="30" height="20" rx="4" />
+    <rect x="33" y="15" width="4" height="10" rx="1.5" />
+  </g>
+</svg>
diff --git a/svg/brightness.svg b/svg/brightness.svg
new file mode 100644
index 0000000..5c37fc2
--- /dev/null
+++ b/svg/brightness.svg
@@ -0,0 +1,14 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Stylized sun: solid disc with eight rounded rays. -->
+  <g fill="#ffffff">
+    <circle cx="20" cy="20" r="8" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(0 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(45 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(90 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(135 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(180 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(225 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(270 20 20)" />
+    <rect x="18" y="3" width="4" height="7" rx="2" transform="rotate(315 20 20)" />
+  </g>
+</svg>
diff --git a/svg/cpu.svg b/svg/cpu.svg
new file mode 100644
index 0000000..6986fa6
--- /dev/null
+++ b/svg/cpu.svg
@@ -0,0 +1,21 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Stylized processor: a square die with three pins a side. The die is
+       solid so a readout can sit on it. -->
+  <g fill="#ffffff">
+    <rect x="10" y="10" width="20" height="20" rx="3" />
+    <!-- top / bottom pins -->
+    <rect x="12"   y="4"  width="3" height="7" rx="1.5" />
+    <rect x="18.5" y="4"  width="3" height="7" rx="1.5" />
+    <rect x="25"   y="4"  width="3" height="7" rx="1.5" />
+    <rect x="12"   y="29" width="3" height="7" rx="1.5" />
+    <rect x="18.5" y="29" width="3" height="7" rx="1.5" />
+    <rect x="25"   y="29" width="3" height="7" rx="1.5" />
+    <!-- left / right pins -->
+    <rect x="4"  y="12"   width="7" height="3" rx="1.5" />
+    <rect x="4"  y="18.5" width="7" height="3" rx="1.5" />
+    <rect x="4"  y="25"   width="7" height="3" rx="1.5" />
+    <rect x="29" y="12"   width="7" height="3" rx="1.5" />
+    <rect x="29" y="18.5" width="7" height="3" rx="1.5" />
+    <rect x="29" y="25"   width="7" height="3" rx="1.5" />
+  </g>
+</svg>
diff --git a/svg/volume-muted.svg b/svg/volume-muted.svg
new file mode 100644
index 0000000..e28f689
--- /dev/null
+++ b/svg/volume-muted.svg
@@ -0,0 +1,11 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- The speaker of volume.svg with the arcs replaced by a cross. -->
+  <g fill="#ffffff">
+    <rect x="4" y="14" width="7" height="12" rx="1.5" />
+    <path d="M10 14 L20 6 L20 34 L10 26 Z" />
+  </g>
+  <g fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round">
+    <path d="M25 14 L35 26" />
+    <path d="M35 14 L25 26" />
+  </g>
+</svg>
diff --git a/svg/volume.svg b/svg/volume.svg
new file mode 100644
index 0000000..9b29a73
--- /dev/null
+++ b/svg/volume.svg
@@ -0,0 +1,11 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Stylized speaker: driver box + horn, two sound arcs to the right. -->
+  <g fill="#ffffff">
+    <rect x="4" y="14" width="7" height="12" rx="1.5" />
+    <path d="M10 14 L20 6 L20 34 L10 26 Z" />
+  </g>
+  <g fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round">
+    <path d="M25 13 Q31 20 25 27" />
+    <path d="M30 8 Q39.5 20 30 32" />
+  </g>
+</svg>