fix(logo): make the icon more inline with Big Sur

This tries to follow the Human Interface Guidelines
from Apple.
This commit is contained in:
Birger J. Nordølum 2021-04-28 15:37:13 +02:00
parent 56fe6480ce
commit 689fd03250
No known key found for this signature in database
GPG Key ID: 1E2DC712B50089CC
11 changed files with 32 additions and 170 deletions

View File

@ -1,171 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="256"
height="256"
viewBox="0 0 239.99999 239.99999"
id="svg2"
version="1.1"
inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
sodipodi:docname="kitty-framed.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8"
inkscape:cx="-88.462374"
inkscape:cy="123.36947"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="2560"
inkscape:window-height="1400"
inkscape:window-x="0"
inkscape:window-y="40"
inkscape:window-maximized="0"
inkscape:document-rotation="0" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
<dc:creator>
<cc:Agent>
<dc:title>Kovid Goyal</dc:title>
</cc:Agent>
</dc:creator>
<dc:rights>
<cc:Agent>
<dc:title />
</cc:Agent>
</dc:rights>
<dc:publisher>
<cc:Agent>
<dc:title />
</cc:Agent>
</dc:publisher>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-812.36217)">
<path
fill="none"
stroke="#000000"
stroke-width="1.68332"
d="m 120.00001,1052.3622 c 52.58333,0 81.8151,0 100.90756,-19.0924 19.09242,-19.0924 19.09242,-48.32422 19.09242,-100.9076 0,-52.58334 0,-81.81515 -19.09242,-100.90762 -19.09246,-19.09241 -48.32423,-19.09241 -100.90756,-19.09241 -52.583346,0 -81.815144,0 -100.907602,19.09241 C 0,850.54705 0,879.77886 0,932.3622 c 0,52.58338 0,81.8152 19.092408,100.9076 19.092458,19.0924 48.324256,19.0924 100.907602,19.0924 z"
id="path4-36"
style="fill:#dddddd;fill-opacity:1;stroke:none" />
<g
id="g867"
transform="translate(0.16463248,0.18492414)">
<rect
style="fill:#dddddd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.86877;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4496"
width="100.44641"
height="161.55127"
x="72.823654"
y="850.13007"
ry="0" />
<path
inkscape:connector-curvature="0"
d="M 67.895761,1029.7093 H 172.10422 a 7.0649814,7.0649814 0 0 0 7.06499,-7.065 V 918.43587 a 7.0649814,7.0649814 0 0 0 -7.06499,-7.06499 H 67.895761 a 7.0649814,7.0649814 0 0 0 -7.064982,7.06499 v 104.20843 a 7.0649814,7.0649814 0 0 0 7.064982,7.065 z m 55.813329,-38.3487 h 37.4444 a 4.23899,4.23899 0 0 1 0,8.47798 h -37.4444 a 4.23899,4.23899 0 0 1 0,-8.47798 z M 78.676916,945.65018 a 4.2389889,4.2389889 0 0 1 5.991104,-5.99111 l 26.47954,26.46541 a 4.2389889,4.2389889 0 0 1 0,5.99111 l -26.47954,26.47955 a 4.2389889,4.2389889 0 0 1 -5.991104,-5.9911 l 23.483984,-23.484 z"
id="path4"
style="stroke-width:1.413" />
<path
d="m 96.085398,898.14342 c 1.881045,0 3.385879,-3.57421 3.385879,-8.16963 0,-4.59543 -1.504834,-8.16964 -3.385879,-8.16964 -1.881044,0 -3.385879,3.57421 -3.385879,8.16964 0,4.59542 1.504835,8.16963 3.385879,8.16963 z"
id="path4-3"
inkscape:connector-curvature="0"
style="clip-rule:evenodd;fill:#c0c81f;fill-opacity:1;fill-rule:evenodd;stroke-width:3.09914" />
<path
d="m 193.12782,836.88644 c -4.59543,-4.85071 -25.53011,1.0212 -38.29517,8.93554 -9.95674,-5.10602 -21.95589,-8.16962 -34.72093,-8.16962 -13.02037,0 -25.01952,3.0636 -34.976266,8.16962 -12.765052,-7.91434 -33.95504,-14.04156 -38.295158,-8.93554 -4.595418,5.10602 3.318914,26.29601 12.765053,38.03987 0,0 0,0 0,0 -0.765903,3.0636 -1.276505,6.12722 -1.276505,9.44614 0,10.21204 4.340118,19.65818 11.743848,27.31721 h 42.124678 c -1.27651,-2.55301 0.51061,-4.08482 8.16963,-4.08482 7.65905,0.2553 9.19084,1.53181 8.16964,4.08482 h 42.12467 c 7.40374,-7.65903 11.74386,-17.36048 11.74386,-27.31721 0,-3.31892 -0.51061,-6.38254 -1.2765,-9.44614 8.93553,-11.74386 16.59456,-33.18914 11.99915,-38.03987 z m -97.014419,67.39949 c -8.935538,0 -16.339269,-7.40374 -16.339269,-16.33927 0,-8.93553 7.403731,-16.33927 16.339269,-16.33927 8.935529,0 16.339269,7.40374 16.339269,16.33927 0,8.93553 -7.40374,16.33927 -16.339269,16.33927 z m 47.996599,0 c -8.93553,0 -16.33926,-7.40374 -16.33926,-16.33927 0,-8.93553 7.40373,-16.33927 16.33926,-16.33927 8.93555,0 16.33927,7.40374 16.33927,16.33927 0,8.93553 -7.14842,16.33927 -16.33927,16.33927 z"
id="path6"
inkscape:connector-curvature="0"
style="clip-rule:evenodd;fill:#784421;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301" />
<g
id="g4541"
style="fill:#2b1100;fill-opacity:1">
<path
style="clip-rule:evenodd;fill:#2b1100;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301"
inkscape:connector-curvature="0"
id="path10"
d="m 168.5072,903.26472 c 15.31805,-19.14757 46.72009,-28.33841 67.65477,-15.06276 -24.50889,-3.82951 -46.72009,2.55301 -67.65477,15.06276 z" />
<path
style="clip-rule:evenodd;fill:#2b1100;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301"
inkscape:connector-curvature="0"
id="path12"
d="m 167.486,898.66931 c 8.68022,-20.42409 34.46564,-33.69975 55.14502,-26.55131 -21.70058,2.80831 -39.31636,11.23323 -55.14502,26.55131 z" />
<path
style="clip-rule:evenodd;fill:#2b1100;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301"
inkscape:connector-curvature="0"
id="path14"
d="m 167.23069,908.62604 c 15.82867,-15.06275 50.80491,-20.16879 61.52756,-4.34011 -21.70059,-6.89313 -40.59288,-3.82953 -61.52756,4.34011 z" />
</g>
<g
id="g4536"
style="fill:#2b1100;fill-opacity:1">
<path
style="clip-rule:evenodd;fill:#2b1100;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301"
inkscape:connector-curvature="0"
id="path16"
d="M 71.492797,903.26472 C 56.174733,884.11715 24.772703,874.92631 3.8380177,888.20196 28.346918,884.37245 50.55811,890.75497 71.492797,903.26472 Z" />
<path
style="clip-rule:evenodd;fill:#2b1100;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301"
inkscape:connector-curvature="0"
id="path18"
d="M 72.514,898.66931 C 63.833764,878.24522 38.048358,864.96956 17.368973,872.118 c 21.70059,2.80831 39.316362,11.23323 55.145027,26.55131 z" />
<path
style="clip-rule:evenodd;fill:#2b1100;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301"
inkscape:connector-curvature="0"
id="path20"
d="m 72.769301,908.62604 c -15.828665,-15.06275 -50.80491,-20.16879 -61.527553,-4.34011 21.70059,-6.89313 40.592868,-3.82953 61.527553,4.34011 z" />
</g>
<path
d="m 52.600515,893.56329 c -6.382526,0 -11.743849,3.3189 -14.29686,8.42492 -0.255301,0 -0.510602,0 -0.765903,0 -6.893128,0 -12.765052,5.10602 -12.765052,11.48856 0,8.93553 9.190838,13.78625 17.615773,10.72264 5.10602,7.40373 16.083966,7.91434 20.168783,0 6.127225,-0.2553 16.083966,-1.2765 17.615773,-10.72264 1.021204,-6.38254 -5.616623,-11.48856 -12.765052,-11.48856 -0.255303,0 -0.510604,0 -0.765905,0 -2.042407,-5.10602 -7.659031,-8.42492 -14.041557,-8.42492 z m 134.798965,0 c 6.38252,0 11.74384,3.3189 14.29685,8.42492 0.2553,0 -2.80831,0 0.7659,0 3.57422,0 12.76506,5.10602 12.76506,11.48856 0,8.93553 -9.19084,13.78625 -17.61578,10.72264 -5.10602,7.40373 -16.08397,7.91434 -20.16878,0 -6.12722,-0.2553 -16.08397,-1.2765 -17.61576,-10.72264 -1.02122,-6.38254 9.19083,-11.48856 12.76504,-11.48856 3.57421,0 0.51061,0 0.7659,0 2.04242,-5.10602 7.65904,-8.42492 14.04157,-8.42492 z"
id="path8"
inkscape:connector-curvature="0"
style="clip-rule:evenodd;fill:#483737;fill-opacity:1;fill-rule:evenodd;stroke-width:2.55301" />
<path
d="m 143.54212,898.14341 c 1.88105,0 3.38588,-3.57421 3.38588,-8.16963 0,-4.59543 -1.50483,-8.16964 -3.38588,-8.16964 -1.88104,0 -3.38588,3.57421 -3.38588,8.16964 0,4.59542 1.50484,8.16963 3.38588,8.16963 z"
id="path4-3-3"
inkscape:connector-curvature="0"
style="clip-rule:evenodd;fill:#c0c81f;fill-opacity:1;fill-rule:evenodd;stroke-width:3.09914" />
</g>
</g>
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<rect x="100" y="100" width="824" height="824" rx="184" fill="white"/>
<rect x="100" y="100" width="824" height="824" rx="184" fill="url(#paint0_linear)"/>
</g>
<path d="M681.218 251.015H362.14V764.198H681.218V251.015Z" fill="#DDDDDD"/>
<path d="M346.486 821.466H677.514C680.462 821.466 683.38 820.885 686.103 819.757C688.826 818.63 691.3 816.977 693.384 814.893C695.468 812.809 697.121 810.334 698.249 807.611C699.377 804.889 699.957 801.97 699.957 799.023V467.995C699.957 465.047 699.377 462.129 698.249 459.406C697.121 456.683 695.468 454.209 693.384 452.125C691.3 450.041 688.826 448.388 686.103 447.26C683.38 446.133 680.462 445.552 677.514 445.552H346.486C343.539 445.552 340.62 446.133 337.897 447.26C335.175 448.388 332.7 450.041 330.616 452.125C328.533 454.209 326.879 456.683 325.752 459.406C324.624 462.129 324.043 465.047 324.043 467.995V799.023C324.043 801.97 324.624 804.889 325.752 807.611C326.879 810.334 328.532 812.809 330.616 814.893C332.7 816.977 335.175 818.63 337.897 819.757C340.62 820.885 343.539 821.466 346.486 821.466V821.466ZM523.782 699.647H642.728C646.3 699.647 649.725 701.066 652.25 703.591C654.775 706.117 656.194 709.542 656.194 713.113C656.194 716.684 654.775 720.109 652.25 722.634C649.725 725.16 646.3 726.578 642.728 726.578H523.782C520.211 726.578 516.786 725.16 514.261 722.634C511.736 720.109 510.317 716.684 510.317 713.113C510.317 709.542 511.736 706.117 514.261 703.591C516.786 701.066 520.211 699.647 523.782 699.647V699.647ZM380.733 554.444C378.355 551.891 377.06 548.515 377.121 545.026C377.183 541.538 378.596 538.209 381.063 535.742C383.53 533.275 386.859 531.862 390.347 531.8C393.836 531.739 397.212 533.034 399.765 535.412L483.879 619.482C486.401 622.007 487.818 625.43 487.818 628.998C487.818 632.566 486.401 635.989 483.879 638.514L399.765 722.629C397.212 725.007 393.836 726.302 390.347 726.24C386.859 726.179 383.53 724.766 381.063 722.298C378.596 719.831 377.183 716.503 377.121 713.015C377.06 709.526 378.355 706.15 380.733 703.597L455.332 628.998L380.733 554.444Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M436.033 403.534C442.009 403.534 446.789 392.18 446.789 377.582C446.789 362.984 442.009 351.63 436.033 351.63C430.058 351.63 425.278 362.984 425.278 377.582C425.278 392.18 430.058 403.534 436.033 403.534Z" fill="#C0C81F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M744.298 208.945C729.7 193.536 663.199 212.189 622.65 237.329C591.021 221.11 552.905 211.378 512.355 211.378C470.995 211.378 432.878 221.11 401.249 237.329C360.7 212.189 293.388 192.725 279.601 208.945C265.003 225.165 290.144 292.477 320.151 329.782C317.718 339.514 316.096 349.246 316.096 359.789C316.096 392.228 329.882 422.235 353.401 446.565H487.214C483.159 438.455 488.836 433.589 513.166 433.589C537.496 434.4 542.362 438.455 539.118 446.565H672.931C696.45 422.235 710.236 391.417 710.236 359.789C710.236 349.246 708.615 339.514 706.182 329.782C734.566 292.477 758.896 224.354 744.298 208.945V208.945ZM436.122 423.046C407.737 423.046 384.219 399.527 384.219 371.143C384.219 342.758 407.737 319.239 436.122 319.239C464.507 319.239 488.025 342.758 488.025 371.143C488.025 399.527 464.507 423.046 436.122 423.046ZM588.588 423.046C560.203 423.046 536.685 399.527 536.685 371.143C536.685 342.758 560.203 319.239 588.588 319.239C616.973 319.239 640.491 342.758 640.491 371.143C640.491 399.527 617.784 423.046 588.588 423.046Z" fill="#784421"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M666.088 419.802C714.747 358.978 814.499 329.782 881 371.954C803.145 359.789 732.589 380.063 666.088 419.802Z" fill="#2B1100"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M662.844 405.204C690.418 340.325 772.328 298.153 838.018 320.861C769.084 329.782 713.125 356.545 662.844 405.204Z" fill="#2B1100"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M662.033 436.833C712.314 388.984 823.42 372.765 857.482 423.046C788.547 401.149 728.534 410.881 662.033 436.833Z" fill="#2B1100"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M357.912 419.802C309.253 358.978 209.501 329.782 143 371.954C220.855 359.789 291.411 380.063 357.912 419.802Z" fill="#2B1100"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M361.156 405.204C333.583 340.325 251.673 298.153 185.982 320.861C254.917 329.782 310.875 356.545 361.156 405.204Z" fill="#2B1100"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M361.967 436.833C311.686 388.984 200.58 372.765 166.519 423.046C235.453 401.149 295.466 410.881 361.967 436.833Z" fill="#2B1100"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M297.899 388.984C277.624 388.984 260.593 399.527 252.484 415.747C251.673 415.747 250.862 415.747 250.051 415.747C228.154 415.747 209.501 431.967 209.501 452.241C209.501 480.626 238.697 496.035 265.459 486.303C281.679 509.822 316.552 511.444 329.528 486.303C348.991 485.492 380.62 482.248 385.486 452.241C388.73 431.967 367.644 415.747 344.936 415.747C344.125 415.747 343.314 415.747 342.503 415.747C336.015 399.527 318.174 388.984 297.899 388.984ZM726.101 388.984C746.376 388.984 763.407 399.527 771.517 415.747C772.328 415.747 762.596 415.747 773.95 415.747C785.303 415.747 814.499 431.967 814.499 452.241C814.499 480.626 785.303 496.035 758.541 486.303C742.321 509.822 707.448 511.444 694.473 486.303C675.009 485.492 643.38 482.248 638.514 452.241C635.27 431.967 667.71 415.747 679.064 415.747C690.418 415.747 680.686 415.747 681.497 415.747C687.985 399.527 705.827 388.984 726.101 388.984Z" fill="#483737"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M586.784 403.534C592.759 403.534 597.54 392.18 597.54 377.582C597.54 362.984 592.759 351.63 586.784 351.63C580.809 351.63 576.029 362.984 576.029 377.582C576.029 392.18 580.809 403.534 586.784 403.534Z" fill="#C0C81F"/>
<defs>
<filter id="filter0_d" x="78" y="89" width="868" height="868" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="11"/>
<feGaussianBlur stdDeviation="11"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.28 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="512" y1="100" x2="512" y2="924" gradientUnits="userSpaceOnUse">
<stop stop-opacity="0"/>
<stop offset="1" stop-opacity="0.2"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 677 B

After

Width:  |  Height:  |  Size: 528 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 50 KiB