SVG icon set
git clone https://git.lucas.co/cce-icons.git
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>