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

commit6dbcb1dfd0b38816a47fc55df051eee9b964f0ba
parentfc945f1468
authorLucas Galante <[email protected]>
date2026-08-25 10:09
Add play and stop, the two glyphs a transport row was missing

The services list wanted Start/Stop/Restart as icons and only Restart had
one (refresh). Both new glyphs follow the solid family: 40x40, #ffffff, one
shape, no dot.

Sized by weight rather than by bounds, since the three sit side by side. A
triangle reads lighter than a disc at equal extent, so play runs to the
fuller bounds (~6..34 against circle's 5..35); a square fills its bounds
completely, so stop is inset further still (8..32). Measured ink coverage
lands at play 0.25, refresh 0.29, stop 0.34 — the square heaviest per the
eye's discount for the outline and the taper, which is the point.

play is built like chevron-right (path plus a round-joined stroke for the
corner radius) but it is deliberately its own file: expanding a tree and
starting a service are different meanings, and an icon set that shares a
file between them cannot let either one drift.

 svg/play.svg | 9 +++++++++
 svg/stop.svg | 7 +++++++
 2 files changed, 16 insertions(+)

diff --git a/svg/play.svg b/svg/play.svg
new file mode 100644
index 0000000..6ade01e
--- /dev/null
+++ b/svg/play.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Solid rounded play triangle (start). Built like chevron-right — path
+       plus a round-joined stroke for the corner radius — but squared up to
+       the solid family's weight (bounds ~6..34, against circle's 5..35): a
+       triangle reads lighter than a disc at equal bounds, so it runs to the
+       fuller extent rather than the inset one. -->
+  <path d="M14.5 9 L31 20 L14.5 31 Z" fill="#ffffff" stroke="#ffffff"
+        stroke-width="6" stroke-linejoin="round" />
+</svg>
diff --git a/svg/stop.svg b/svg/stop.svg
new file mode 100644
index 0000000..c89206f
--- /dev/null
+++ b/svg/stop.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Solid rounded square (stop). Inset further than the play triangle and
+       the x's bars: a square fills its bounds completely, so it needs the
+       smaller extent to carry the same visual weight as the disc and the
+       triangle beside it. -->
+  <rect x="8" y="8" width="24" height="24" rx="6" fill="#ffffff" />
+</svg>