Hallo PeterS,
Dazu habe ich ein wenig programmiert und zwei passende SVGs "gebaut", mit LibreOffice.
wenn du dich intensiver mit SVG's beschäftigen möchtest würde ich dir "Inkscape" empfehlen.
Je nach Skalierung sieht man aber im gerenderten Bild Linien, obwohl sich die einzelnen Elemente im SVG leicht überlappen.

Das liegt daran das du die zusammengehörigen Pfade noch nicht verbunden hast, was dann beim umsetzen in ein Pixelbild zu solchen Effekten führen kann.
Den On- und den Off-Button habe ich noch einmal neu gezeichnet.
Bei den Einheiten habe ich Pixel und nicht Millimeter verwendet. Warum? Das Ziel für die Grafik ist ja letztendlich ein Bildschirm und der setzt das Bild aus Pixeln zusammen. Auch noch wichtig - wähle die Größe so wie du sie für 96 DPI benötigst (das ist Standard bei Desktopmonitoren).
Smartpohne's haben zwar viel höhere Auflösungen, aber das ist ja, dank SVG, kein Problem. Die Grafik wird dann einfach hoch-skaliert.

- Switch-ON-horizontal New.png (1.22 KiB) 195 mal betrachtet

- Switch-OFF-horizontal New.png (1.61 KiB) 195 mal betrachtet