refactor: Invert light and dark Vaultwarden logos

Signed-off-by: redoomed1 <redoomed1@privacyguides.org>
This commit is contained in:
redoomed1 2025-03-20 15:54:16 -07:00 committed by GitHub
parent 0ed083abac
commit 59d64dcd07
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 106 additions and 106 deletions

View file

@ -1,67 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1" viewBox="0 0 256 256" id="svg383" sodipodi:docname="vaultwarden-icon.svg" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)" width="256" height="256" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> <svg version="1.1" viewBox="0 0 256 256" id="svg3917" sodipodi:docname="vaultwarden-icon-white.svg" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)" width="256" height="256" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs id="defs387" /> <defs id="defs3921" />
<sodipodi:namedview id="namedview385" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="3.3359375" inkscape:cx="128" inkscape:cy="128" inkscape:window-width="1874" inkscape:window-height="1056" inkscape:window-x="46" inkscape:window-y="24" inkscape:window-maximized="1" inkscape:current-layer="svg383" /> <sodipodi:namedview id="namedview3919" pagecolor="#000000" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#202020" showgrid="false" inkscape:zoom="3.3359375" inkscape:cx="128" inkscape:cy="128" inkscape:window-width="1874" inkscape:window-height="1056" inkscape:window-x="46" inkscape:window-y="24" inkscape:window-maximized="1" inkscape:current-layer="svg3917" />
<title id="title287">Vaultwarden Icon</title> <title id="title3817">Vaultwarden Icon - White</title>
<g id="logo" transform="matrix(2.4381018,0,0,2.4381018,128,128)"> <g id="logo" transform="matrix(2.4381018,0,0,2.4381018,128,128)">
<g id="gear" mask="url(#holes)"> <g id="gear" mask="url(#holes)" stroke="#fff">
<path d="m-31.1718-33.813208 26.496029 74.188883h9.3515399l26.49603-74.188883h-9.767164l-16.728866 47.588948q-1.662496 4.571864-2.805462 8.624198-1.142966 3.948427-1.870308 7.585137-.72734199-3.63671-1.8703079-7.689043-1.142966-4.052334-2.805462-8.728104l-16.624959-47.381136z" stroke="#000" stroke-width="4.51171" id="path289" /> <path d="m-31.1718-33.813208 26.496029 74.188883h9.3515399l26.49603-74.188883h-9.767164l-16.728866 47.588948q-1.662496 4.571864-2.805462 8.624198-1.142966 3.948427-1.870308 7.585137-.72734199-3.63671-1.8703079-7.689043-1.142966-4.052334-2.805462-8.728104l-16.624959-47.381136z" fill="#fff" stroke-width="4.51171" id="path3819" />
<circle transform="scale(-1,1)" r="43" fill="none" stroke="#000" stroke-width="9" id="circle291" /> <circle transform="scale(-1,1)" r="43" fill="none" stroke-width="9" id="circle3821" />
<g id="cogs" transform="scale(-1,1)"> <g id="cogs" transform="scale(-1,1)">
<polygon id="cog" points="51 0 46 -3 46 3" stroke="#000" stroke-linejoin="round" stroke-width="3" /> <polygon id="cog" points="51 0 46 -3 46 3" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="3" />
<use transform="rotate(11.25)" xlink:href="#cog" id="use294" /> <g fill="#fff" stroke="#fff" id="g3886">
<use transform="rotate(22.5)" xlink:href="#cog" id="use296" /> <use transform="rotate(11.25)" xlink:href="#cog" id="use3824" />
<use transform="rotate(33.75)" xlink:href="#cog" id="use298" /> <use transform="rotate(22.5)" xlink:href="#cog" id="use3826" />
<use transform="rotate(45)" xlink:href="#cog" id="use300" /> <use transform="rotate(33.75)" xlink:href="#cog" id="use3828" />
<use transform="rotate(56.25)" xlink:href="#cog" id="use302" /> <use transform="rotate(45)" xlink:href="#cog" id="use3830" />
<use transform="rotate(67.5)" xlink:href="#cog" id="use304" /> <use transform="rotate(56.25)" xlink:href="#cog" id="use3832" />
<use transform="rotate(78.75)" xlink:href="#cog" id="use306" /> <use transform="rotate(67.5)" xlink:href="#cog" id="use3834" />
<use transform="rotate(90)" xlink:href="#cog" id="use308" /> <use transform="rotate(78.75)" xlink:href="#cog" id="use3836" />
<use transform="rotate(101.25)" xlink:href="#cog" id="use310" /> <use transform="rotate(90)" xlink:href="#cog" id="use3838" />
<use transform="rotate(112.5)" xlink:href="#cog" id="use312" /> <use transform="rotate(101.25)" xlink:href="#cog" id="use3840" />
<use transform="rotate(123.75)" xlink:href="#cog" id="use314" /> <use transform="rotate(112.5)" xlink:href="#cog" id="use3842" />
<use transform="rotate(135)" xlink:href="#cog" id="use316" /> <use transform="rotate(123.75)" xlink:href="#cog" id="use3844" />
<use transform="rotate(146.25)" xlink:href="#cog" id="use318" /> <use transform="rotate(135)" xlink:href="#cog" id="use3846" />
<use transform="rotate(157.5)" xlink:href="#cog" id="use320" /> <use transform="rotate(146.25)" xlink:href="#cog" id="use3848" />
<use transform="rotate(168.75)" xlink:href="#cog" id="use322" /> <use transform="rotate(157.5)" xlink:href="#cog" id="use3850" />
<use transform="scale(-1)" xlink:href="#cog" id="use324" /> <use transform="rotate(168.75)" xlink:href="#cog" id="use3852" />
<use transform="rotate(191.25)" xlink:href="#cog" id="use326" /> <use transform="scale(-1)" xlink:href="#cog" id="use3854" />
<use transform="rotate(202.5)" xlink:href="#cog" id="use328" /> <use transform="rotate(191.25)" xlink:href="#cog" id="use3856" />
<use transform="rotate(213.75)" xlink:href="#cog" id="use330" /> <use transform="rotate(202.5)" xlink:href="#cog" id="use3858" />
<use transform="rotate(225)" xlink:href="#cog" id="use332" /> <use transform="rotate(213.75)" xlink:href="#cog" id="use3860" />
<use transform="rotate(236.25)" xlink:href="#cog" id="use334" /> <use transform="rotate(225)" xlink:href="#cog" id="use3862" />
<use transform="rotate(247.5)" xlink:href="#cog" id="use336" /> <use transform="rotate(236.25)" xlink:href="#cog" id="use3864" />
<use transform="rotate(258.75)" xlink:href="#cog" id="use338" /> <use transform="rotate(247.5)" xlink:href="#cog" id="use3866" />
<use transform="rotate(-90)" xlink:href="#cog" id="use340" /> <use transform="rotate(258.75)" xlink:href="#cog" id="use3868" />
<use transform="rotate(-78.75)" xlink:href="#cog" id="use342" /> <use transform="rotate(-90)" xlink:href="#cog" id="use3870" />
<use transform="rotate(-67.5)" xlink:href="#cog" id="use344" /> <use transform="rotate(-78.75)" xlink:href="#cog" id="use3872" />
<use transform="rotate(-56.25)" xlink:href="#cog" id="use346" /> <use transform="rotate(-67.5)" xlink:href="#cog" id="use3874" />
<use transform="rotate(-45)" xlink:href="#cog" id="use348" /> <use transform="rotate(-56.25)" xlink:href="#cog" id="use3876" />
<use transform="rotate(-33.75)" xlink:href="#cog" id="use350" /> <use transform="rotate(-45)" xlink:href="#cog" id="use3878" />
<use transform="rotate(-22.5)" xlink:href="#cog" id="use352" /> <use transform="rotate(-33.75)" xlink:href="#cog" id="use3880" />
<use transform="rotate(-11.25)" xlink:href="#cog" id="use354" /> <use transform="rotate(-22.5)" xlink:href="#cog" id="use3882" />
<use transform="rotate(-11.25)" xlink:href="#cog" id="use3884" />
</g>
</g> </g>
<g id="mounts" transform="scale(-1,1)"> <g id="mounts" transform="scale(-1,1)">
<polygon id="mount" points="0 -35 7 -42 -7 -42" stroke="#000" stroke-linejoin="round" stroke-width="6" /> <polygon id="mount" points="0 -35 7 -42 -7 -42" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="6" />
<use transform="rotate(72)" xlink:href="#mount" id="use358" /> <g fill="#fff" stroke="#fff" id="g3898">
<use transform="rotate(144)" xlink:href="#mount" id="use360" /> <use transform="rotate(72)" xlink:href="#mount" id="use3890" />
<use transform="rotate(216)" xlink:href="#mount" id="use362" /> <use transform="rotate(144)" xlink:href="#mount" id="use3892" />
<use transform="rotate(-72)" xlink:href="#mount" id="use364" /> <use transform="rotate(216)" xlink:href="#mount" id="use3894" />
<use transform="rotate(-72)" xlink:href="#mount" id="use3896" />
</g>
</g> </g>
</g> </g>
<mask id="holes"> <mask id="holes">
<rect x="-60" y="-60" width="120" height="120" fill="#fff" id="rect368" /> <rect x="-60" y="-60" width="120" height="120" fill="#fff" id="rect3902" />
<circle id="hole" cy="-40" r="3" /> <circle id="hole" cy="-40" r="3" />
<use transform="rotate(72)" xlink:href="#hole" id="use371" /> <use transform="rotate(72)" xlink:href="#hole" id="use3905" />
<use transform="rotate(144)" xlink:href="#hole" id="use373" /> <use transform="rotate(144)" xlink:href="#hole" id="use3907" />
<use transform="rotate(216)" xlink:href="#hole" id="use375" /> <use transform="rotate(216)" xlink:href="#hole" id="use3909" />
<use transform="rotate(-72)" xlink:href="#hole" id="use377" /> <use transform="rotate(-72)" xlink:href="#hole" id="use3911" />
</mask> </mask>
</g> </g>
<metadata id="metadata381"> <metadata id="metadata3915">
<rdf:RDF> <rdf:RDF>
<cc:Work rdf:about=""> <cc:Work rdf:about="">
<dc:title>Vaultwarden Icon</dc:title> <dc:title>Vaultwarden Icon - White</dc:title>
<dc:creator> <dc:creator>
<cc:Agent> <cc:Agent>
<dc:title>Mathijs van Veluw</dc:title> <dc:title>Mathijs van Veluw</dc:title>

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

Before After
Before After

View file

@ -1,71 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1" viewBox="0 0 256 256" id="svg3917" sodipodi:docname="vaultwarden-icon-white.svg" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)" width="256" height="256" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> <svg version="1.1" viewBox="0 0 256 256" id="svg383" sodipodi:docname="vaultwarden-icon.svg" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)" width="256" height="256" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs id="defs3921" /> <defs id="defs387" />
<sodipodi:namedview id="namedview3919" pagecolor="#000000" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#202020" showgrid="false" inkscape:zoom="3.3359375" inkscape:cx="128" inkscape:cy="128" inkscape:window-width="1874" inkscape:window-height="1056" inkscape:window-x="46" inkscape:window-y="24" inkscape:window-maximized="1" inkscape:current-layer="svg3917" /> <sodipodi:namedview id="namedview385" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="3.3359375" inkscape:cx="128" inkscape:cy="128" inkscape:window-width="1874" inkscape:window-height="1056" inkscape:window-x="46" inkscape:window-y="24" inkscape:window-maximized="1" inkscape:current-layer="svg383" />
<title id="title3817">Vaultwarden Icon - White</title> <title id="title287">Vaultwarden Icon</title>
<g id="logo" transform="matrix(2.4381018,0,0,2.4381018,128,128)"> <g id="logo" transform="matrix(2.4381018,0,0,2.4381018,128,128)">
<g id="gear" mask="url(#holes)" stroke="#fff"> <g id="gear" mask="url(#holes)">
<path d="m-31.1718-33.813208 26.496029 74.188883h9.3515399l26.49603-74.188883h-9.767164l-16.728866 47.588948q-1.662496 4.571864-2.805462 8.624198-1.142966 3.948427-1.870308 7.585137-.72734199-3.63671-1.8703079-7.689043-1.142966-4.052334-2.805462-8.728104l-16.624959-47.381136z" fill="#fff" stroke-width="4.51171" id="path3819" /> <path d="m-31.1718-33.813208 26.496029 74.188883h9.3515399l26.49603-74.188883h-9.767164l-16.728866 47.588948q-1.662496 4.571864-2.805462 8.624198-1.142966 3.948427-1.870308 7.585137-.72734199-3.63671-1.8703079-7.689043-1.142966-4.052334-2.805462-8.728104l-16.624959-47.381136z" stroke="#000" stroke-width="4.51171" id="path289" />
<circle transform="scale(-1,1)" r="43" fill="none" stroke-width="9" id="circle3821" /> <circle transform="scale(-1,1)" r="43" fill="none" stroke="#000" stroke-width="9" id="circle291" />
<g id="cogs" transform="scale(-1,1)"> <g id="cogs" transform="scale(-1,1)">
<polygon id="cog" points="51 0 46 -3 46 3" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="3" /> <polygon id="cog" points="51 0 46 -3 46 3" stroke="#000" stroke-linejoin="round" stroke-width="3" />
<g fill="#fff" stroke="#fff" id="g3886"> <use transform="rotate(11.25)" xlink:href="#cog" id="use294" />
<use transform="rotate(11.25)" xlink:href="#cog" id="use3824" /> <use transform="rotate(22.5)" xlink:href="#cog" id="use296" />
<use transform="rotate(22.5)" xlink:href="#cog" id="use3826" /> <use transform="rotate(33.75)" xlink:href="#cog" id="use298" />
<use transform="rotate(33.75)" xlink:href="#cog" id="use3828" /> <use transform="rotate(45)" xlink:href="#cog" id="use300" />
<use transform="rotate(45)" xlink:href="#cog" id="use3830" /> <use transform="rotate(56.25)" xlink:href="#cog" id="use302" />
<use transform="rotate(56.25)" xlink:href="#cog" id="use3832" /> <use transform="rotate(67.5)" xlink:href="#cog" id="use304" />
<use transform="rotate(67.5)" xlink:href="#cog" id="use3834" /> <use transform="rotate(78.75)" xlink:href="#cog" id="use306" />
<use transform="rotate(78.75)" xlink:href="#cog" id="use3836" /> <use transform="rotate(90)" xlink:href="#cog" id="use308" />
<use transform="rotate(90)" xlink:href="#cog" id="use3838" /> <use transform="rotate(101.25)" xlink:href="#cog" id="use310" />
<use transform="rotate(101.25)" xlink:href="#cog" id="use3840" /> <use transform="rotate(112.5)" xlink:href="#cog" id="use312" />
<use transform="rotate(112.5)" xlink:href="#cog" id="use3842" /> <use transform="rotate(123.75)" xlink:href="#cog" id="use314" />
<use transform="rotate(123.75)" xlink:href="#cog" id="use3844" /> <use transform="rotate(135)" xlink:href="#cog" id="use316" />
<use transform="rotate(135)" xlink:href="#cog" id="use3846" /> <use transform="rotate(146.25)" xlink:href="#cog" id="use318" />
<use transform="rotate(146.25)" xlink:href="#cog" id="use3848" /> <use transform="rotate(157.5)" xlink:href="#cog" id="use320" />
<use transform="rotate(157.5)" xlink:href="#cog" id="use3850" /> <use transform="rotate(168.75)" xlink:href="#cog" id="use322" />
<use transform="rotate(168.75)" xlink:href="#cog" id="use3852" /> <use transform="scale(-1)" xlink:href="#cog" id="use324" />
<use transform="scale(-1)" xlink:href="#cog" id="use3854" /> <use transform="rotate(191.25)" xlink:href="#cog" id="use326" />
<use transform="rotate(191.25)" xlink:href="#cog" id="use3856" /> <use transform="rotate(202.5)" xlink:href="#cog" id="use328" />
<use transform="rotate(202.5)" xlink:href="#cog" id="use3858" /> <use transform="rotate(213.75)" xlink:href="#cog" id="use330" />
<use transform="rotate(213.75)" xlink:href="#cog" id="use3860" /> <use transform="rotate(225)" xlink:href="#cog" id="use332" />
<use transform="rotate(225)" xlink:href="#cog" id="use3862" /> <use transform="rotate(236.25)" xlink:href="#cog" id="use334" />
<use transform="rotate(236.25)" xlink:href="#cog" id="use3864" /> <use transform="rotate(247.5)" xlink:href="#cog" id="use336" />
<use transform="rotate(247.5)" xlink:href="#cog" id="use3866" /> <use transform="rotate(258.75)" xlink:href="#cog" id="use338" />
<use transform="rotate(258.75)" xlink:href="#cog" id="use3868" /> <use transform="rotate(-90)" xlink:href="#cog" id="use340" />
<use transform="rotate(-90)" xlink:href="#cog" id="use3870" /> <use transform="rotate(-78.75)" xlink:href="#cog" id="use342" />
<use transform="rotate(-78.75)" xlink:href="#cog" id="use3872" /> <use transform="rotate(-67.5)" xlink:href="#cog" id="use344" />
<use transform="rotate(-67.5)" xlink:href="#cog" id="use3874" /> <use transform="rotate(-56.25)" xlink:href="#cog" id="use346" />
<use transform="rotate(-56.25)" xlink:href="#cog" id="use3876" /> <use transform="rotate(-45)" xlink:href="#cog" id="use348" />
<use transform="rotate(-45)" xlink:href="#cog" id="use3878" /> <use transform="rotate(-33.75)" xlink:href="#cog" id="use350" />
<use transform="rotate(-33.75)" xlink:href="#cog" id="use3880" /> <use transform="rotate(-22.5)" xlink:href="#cog" id="use352" />
<use transform="rotate(-22.5)" xlink:href="#cog" id="use3882" /> <use transform="rotate(-11.25)" xlink:href="#cog" id="use354" />
<use transform="rotate(-11.25)" xlink:href="#cog" id="use3884" />
</g>
</g> </g>
<g id="mounts" transform="scale(-1,1)"> <g id="mounts" transform="scale(-1,1)">
<polygon id="mount" points="0 -35 7 -42 -7 -42" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="6" /> <polygon id="mount" points="0 -35 7 -42 -7 -42" stroke="#000" stroke-linejoin="round" stroke-width="6" />
<g fill="#fff" stroke="#fff" id="g3898"> <use transform="rotate(72)" xlink:href="#mount" id="use358" />
<use transform="rotate(72)" xlink:href="#mount" id="use3890" /> <use transform="rotate(144)" xlink:href="#mount" id="use360" />
<use transform="rotate(144)" xlink:href="#mount" id="use3892" /> <use transform="rotate(216)" xlink:href="#mount" id="use362" />
<use transform="rotate(216)" xlink:href="#mount" id="use3894" /> <use transform="rotate(-72)" xlink:href="#mount" id="use364" />
<use transform="rotate(-72)" xlink:href="#mount" id="use3896" />
</g>
</g> </g>
</g> </g>
<mask id="holes"> <mask id="holes">
<rect x="-60" y="-60" width="120" height="120" fill="#fff" id="rect3902" /> <rect x="-60" y="-60" width="120" height="120" fill="#fff" id="rect368" />
<circle id="hole" cy="-40" r="3" /> <circle id="hole" cy="-40" r="3" />
<use transform="rotate(72)" xlink:href="#hole" id="use3905" /> <use transform="rotate(72)" xlink:href="#hole" id="use371" />
<use transform="rotate(144)" xlink:href="#hole" id="use3907" /> <use transform="rotate(144)" xlink:href="#hole" id="use373" />
<use transform="rotate(216)" xlink:href="#hole" id="use3909" /> <use transform="rotate(216)" xlink:href="#hole" id="use375" />
<use transform="rotate(-72)" xlink:href="#hole" id="use3911" /> <use transform="rotate(-72)" xlink:href="#hole" id="use377" />
</mask> </mask>
</g> </g>
<metadata id="metadata3915"> <metadata id="metadata381">
<rdf:RDF> <rdf:RDF>
<cc:Work rdf:about=""> <cc:Work rdf:about="">
<dc:title>Vaultwarden Icon - White</dc:title> <dc:title>Vaultwarden Icon</dc:title>
<dc:creator> <dc:creator>
<cc:Agent> <cc:Agent>
<dc:title>Mathijs van Veluw</dc:title> <dc:title>Mathijs van Veluw</dc:title>

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Before After
Before After