From cc5ef79bec09931039c7daeff430a10dabdfaeb9 Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Mon, 8 Mar 2021 15:51:47 +0100
Subject: [PATCH] ui: tape drive icon: invert

Less anti-aliasing to do, so it looks better when small.

Note, I use a mask as else we could not cut out something
transparent, but only over paint it filled with white, which is not
the same and not how font awesome does it.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/images/icon-tape-drive.svg | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/www/images/icon-tape-drive.svg b/www/images/icon-tape-drive.svg
index 6ae8c03d..bb94e4eb 100644
--- a/www/images/icon-tape-drive.svg
+++ b/www/images/icon-tape-drive.svg
@@ -7,11 +7,12 @@
     height="100"
     version="1.1">
 
-  <rect x="2.5" y="17.5" rx="1" ry="1" width="95" height="45" stroke="black" stroke-width="6" fill="none"/>
-  <rect x="12.5" y="30" rx="0" ry="0" width="60" height="20" stroke="black" stroke-width="1" fill="black"/>
+  <mask id="inner">
+    <!-- black pixels are masked (transparent), white not -->
+    <rect x="2.5" y="17.5" rx="1" ry="1" width="95" height="45" stroke="white" stroke-width="5" fill="white"/>
+    <rect x="12.5" y="30" rx="0" ry="0" width="60" height="20" stroke="black" stroke-width="1" fill="black"/>
+    <rect x="80" y="35" rx="0" ry="0" width="10" height="10" stroke="black" stroke-width="1" fill="black"/>
+  </mask>
 
-  <!--
-  <circle cx="85" cy="40" r="5" stroke="black" stroke-width="3" fill="black"/>
-  -->
-  <rect x="78.5" y="35" rx="0" ry="0" width="10" height="10" stroke="black" stroke-width="1" fill="black"/>
+  <rect x="2.5" y="17.5" rx="1" ry="1" width="95" height="45" stroke="black" stroke-width="5" fill="black" mask="url(#inner)" />
 </svg>