tyler/proxmox-backup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ui: tape drive icon: invert

Browse Source 
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>
This commit is contained in:
Thomas Lamprecht 2021-03-08 15:51:47 +01:00
parent 3725d95c65
commit cc5ef79bec
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
www/images/icon-tape-drive.svg
View File

@ -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>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 679 B

After

Width:  |  Height:  |  Size: 813 B