Fix: Bottom Rounded Corner - Clipped stroke & Optimize Images

This commit is contained in:
alstjr7375 2022-11-15 10:29:34 +09:00
parent 702fa356e9
commit 92c6ecdba3
21 changed files with 46 additions and 21 deletions

View file

@ -233,3 +233,8 @@ N: Waterfox
W: https://github.com/WaterfoxCo/Waterfox
C: Copyright (c) 2012 Waterfox Limited
L: MPL 2.0
N: WaveFox
W: https://github.com/QNetITQ/WaveFox
C: Copyright (c) 2021 QNetITQ
L: MIT

View file

@ -1 +1,3 @@
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 15 7.9667969 C 15.014488 8.0020408 15.030685 8.0369546 15.044922 8.0722656 C 15.13544 8.2967713 15.22189 8.5233349 15.302734 8.75 C 15.383579 8.9766651 15.459227 9.2037768 15.53125 9.4316406 C 15.603273 9.6595044 15.670324 9.8871327 15.734375 10.115234 C 15.862477 10.571438 15.976805 11.027125 16.078125 11.478516 C 16.179445 11.929906 16.268265 12.377515 16.349609 12.816406 C 16.430954 13.255298 16.504092 13.686763 16.572266 14.105469 C 16.708613 14.942881 16.824719 15.730852 16.949219 16.441406 C 17.042388 16.972689 17.14488 17.488173 17.253906 17.988281 C 17.362932 18.488389 17.479245 18.974412 17.605469 19.443359 C 17.731693 19.912307 17.866956 20.364932 18.011719 20.802734 C 18.0841 21.021636 18.159061 21.236148 18.236328 21.447266 C 18.313596 21.658383 18.392288 21.866976 18.474609 22.070312 C 18.556931 22.273649 18.642926 22.472412 18.730469 22.667969 C 18.818011 22.863525 18.907068 23.054409 19 23.242188 C 19.092932 23.429966 19.188621 23.61492 19.287109 23.794922 C 19.385598 23.974924 19.487585 24.150037 19.591797 24.322266 C 19.696009 24.494494 19.803958 24.663669 19.914062 24.828125 C 20.024167 24.992581 20.135789 25.151908 20.251953 25.308594 C 20.368117 25.465279 20.488937 25.618661 20.611328 25.767578 C 20.733719 25.916495 20.857543 26.061975 20.986328 26.203125 C 21.115114 26.344275 21.247465 26.481849 21.382812 26.615234 C 21.51816 26.74862 21.65675 26.878284 21.798828 27.003906 C 21.940906 27.129529 22.087353 27.251279 22.236328 27.369141 C 22.385304 27.487002 22.537319 27.600835 22.693359 27.710938 C 22.8494 27.82104 23.008601 27.926952 23.171875 28.029297 C 23.335149 28.131642 23.503154 28.229629 23.673828 28.324219 C 23.844502 28.418808 24.019024 28.51082 24.197266 28.597656 C 24.375508 28.684492 24.55621 28.766619 24.742188 28.845703 C 24.928165 28.924788 25.118619 28.998978 25.3125 29.070312 C 25.506381 29.141647 25.704298 29.209851 25.90625 29.273438 C 26.108202 29.337024 26.3152 29.397284 26.525391 29.453125 C 26.735581 29.508966 26.949372 29.561279 27.167969 29.609375 C 27.386566 29.657471 27.608767 29.701833 27.835938 29.742188 C 28.063108 29.782542 28.295338 29.818949 28.53125 29.851562 C 28.767162 29.884176 29.007132 29.912625 29.251953 29.9375 C 29.496774 29.962375 29.746102 29.982862 30 30 L 30 0 L 28.5 0 C 20.285753 0.017514387 16.735724 3.7445482 15 7.9667969 z"/></svg>
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47.7, 100" d="M30 0h-1.5C20.286.018 16.736 3.745 15 7.967l.045.105c.18.447.342.9.486 1.36.21.675.392 1.358.547 2.047.101.45.19.899.272 1.337.081.44.154.87.222 1.29.137.837.253 1.625.377 2.335.178 1.01.397 2.01.656 3.002.182.676.393 1.345.631 2.004a17.87 17.87 0 0 0 1.05 2.348c.29.525.612 1.03.966 1.514.344.463.722.9 1.13 1.306a10.525 10.525 0 0 0 1.79 1.414c.674.422 1.392.77 2.14 1.041a15.082 15.082 0 0 0 2.523.673c.47.083.942.148 1.417.195.245.024.494.045.748.062V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 694 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M28.5 0C14.55.03 14.046 10.757 13.05 16.442 11.56 24.942 8.125 29.452 0 30h30V0m0 0h-1.5"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="46.5, 100" d="M28.5 0C14.55.03 14.046 10.757 13.05 16.442 11.56 24.942 8.125 29.452 0 30h30V0m0 0h-1.5"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" x="-4" transform="scale(0.038, 0.0333)" />

Before

Width:  |  Height:  |  Size: 538 B

After

Width:  |  Height:  |  Size: 538 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 9 27 A 9 9 0 0 0 9.0917969 28.28125 A 9 9 0 0 0 9.3652344 29.535156 A 9 9 0 0 0 9.8125 30.738281 A 9 9 0 0 0 10.429688 31.865234 A 9 9 0 0 0 11.199219 32.894531 A 9 9 0 0 0 12.105469 33.800781 A 9 9 0 0 0 13.134766 34.570312 A 9 9 0 0 0 14.261719 35.1875 A 9 9 0 0 0 15.464844 35.634766 A 9 9 0 0 0 16.71875 35.908203 A 9 9 0 0 0 18 36 L 18 9 L 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 z"/></svg>
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" d="M18 0a9 9 0 0 0-7.571 4.135 9 9 0 0 0-.617 1.127 9 9 0 0 0-.72 2.457A9 9 0 0 0 9 9v18a9 9 0 0 0 4.135 7.571 9 9 0 0 0 1.127.617 9 9 0 0 0 2.457.72A9 9 0 0 0 18 36V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 811 B

After

Width:  |  Height:  |  Size: 399 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" d="M18 0a9 9 0 0 0-7.571 4.135 9 9 0 0 0-.617 1.127 9 9 0 0 0-.72 2.457A9 9 0 0 0 9 9v18a9 9 0 0 1-4.135 7.571 9 9 0 0 1-1.127.617 9 9 0 0 1-2.457.72A9 9 0 0 1 0 36h18V0"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" x="-2" transform="scale(0.065, 0.0277)" />

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 613 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 18 18 L 27 36 L 36 36 L 36 0 L 27 0 L 18 18 z"/></svg>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" d="M36 0h-9l-9 18 9 18h9V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 168 B

After

Width:  |  Height:  |  Size: 258 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" d="M0 36h9L27 0h9v36z"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" x="-3.6" transform="scale(0.0319, 0.0277)" />

Before

Width:  |  Height:  |  Size: 478 B

After

Width:  |  Height:  |  Size: 468 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 8 28 A 4 4 0 0 0 8.0410156 28.568359 A 4 4 0 0 0 8.1621094 29.126953 A 4 4 0 0 0 8.3613281 29.662109 A 4 4 0 0 0 8.6347656 30.162109 A 4 4 0 0 0 8.9765625 30.619141 A 4 4 0 0 0 9.3808594 31.023438 A 4 4 0 0 0 9.8378906 31.365234 A 4 4 0 0 0 10.337891 31.638672 A 4 4 0 0 0 10.873047 31.837891 A 4 4 0 0 0 11.431641 31.958984 A 4 4 0 0 0 12 32 L 16 32 L 16 0 L 12 0 A 4 4 0 0 0 11.431641 0.041015625 A 4 4 0 0 0 10.873047 0.16210938 A 4 4 0 0 0 10.337891 0.36132812 A 4 4 0 0 0 9.8378906 0.63476562 A 4 4 0 0 0 9.3808594 0.9765625 A 4 4 0 0 0 8.9765625 1.3808594 A 4 4 0 0 0 8.6347656 1.8378906 A 4 4 0 0 0 8.3613281 2.3378906 A 4 4 0 0 0 8.1621094 2.8730469 A 4 4 0 0 0 8.0410156 3.4316406 A 4 4 0 0 0 8 4 L 8 28 z"/></svg>
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="44.5, 100" d="M16 0h-4a4 4 0 0 0-3.365 1.838 4 4 0 0 0-.473 1.035A4 4 0 0 0 8 4v24a4 4 0 0 0 1.838 3.365 4 4 0 0 0 1.035.473A4 4 0 0 0 12 32h4V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 837 B

After

Width:  |  Height:  |  Size: 368 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="37, 100" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" x="-4" transform="scale(0.08, 0.0333)" />

Before

Width:  |  Height:  |  Size: 539 B

After

Width:  |  Height:  |  Size: 539 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 18 18 C 18.1875 19.125 18.375016 20.250016 18.574219 21.351562 C 18.67382 21.902336 18.775891 22.448254 18.882812 22.984375 C 18.989734 23.520496 19.101578 24.046891 19.21875 24.5625 C 19.335922 25.078109 19.459492 25.583027 19.589844 26.072266 C 19.720195 26.561504 19.857445 27.03518 20.003906 27.492188 C 20.150367 27.949195 20.305203 28.389676 20.470703 28.808594 C 20.553453 29.018053 20.638503 29.221084 20.726562 29.419922 C 20.814622 29.61876 20.906266 29.812516 21 30 C 21.093734 30.187484 21.189557 30.368972 21.289062 30.544922 C 21.388568 30.720872 21.490611 30.891859 21.595703 31.056641 C 21.700796 31.221422 21.809425 31.381177 21.919922 31.535156 C 22.030419 31.689135 22.144048 31.836926 22.259766 31.980469 C 22.375483 32.124011 22.492526 32.263012 22.613281 32.396484 C 22.734036 32.529957 22.858765 32.657481 22.984375 32.78125 C 23.109985 32.905019 23.236907 33.02424 23.367188 33.138672 C 23.497468 33.253103 23.630856 33.36329 23.765625 33.46875 C 23.900394 33.57421 24.036708 33.67463 24.175781 33.771484 C 24.314854 33.868339 24.456415 33.962166 24.599609 34.050781 C 24.742804 34.139397 24.888024 34.223945 25.035156 34.304688 C 25.182289 34.38543 25.331534 34.46192 25.482422 34.535156 C 25.784197 34.681628 26.092508 34.812998 26.408203 34.931641 C 26.723898 35.050283 27.046852 35.156258 27.375 35.25 C 27.703148 35.343742 28.035864 35.426276 28.375 35.498047 C 28.714136 35.569818 29.059545 35.630864 29.408203 35.683594 C 29.756861 35.736324 30.110084 35.779788 30.466797 35.816406 C 30.82351 35.853024 31.183572 35.882814 31.546875 35.90625 C 31.910178 35.929686 32.276105 35.947755 32.644531 35.960938 C 33.012957 35.97412 33.383776 35.982422 33.755859 35.988281 C 34.500026 35.999999 35.25 36 36 36 L 36 0 C 30 0 24.0005 -0.0005 21 6 C 19.49975 9.00025 18.75 13.5 18 18 z"/></svg>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="60, 100" d="M36 0c-6 0-12 0-15 6-1.5 3-2.25 7.5-3 12 .188 1.125.375 2.25.574 3.352.1.55.202 1.096.309 1.632.107.536.219 1.063.336 1.578.117.516.24 1.021.37 1.51.131.49.268.963.415 1.42.146.457.301.898.467 1.317a14.336 14.336 0 0 0 .818 1.736 9.98 9.98 0 0 0 1.695 2.236 9.134 9.134 0 0 0 2.498 1.754c.302.147.61.278.926.397.316.118.639.224.967.318.328.094.66.176 1 .248.34.072.685.133 1.033.186.71.102 1.423.176 2.139.222.363.024.73.042 1.098.055.368.013.739.021 1.11.027C34.5 36 35.25 36 36 36V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 720 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 0,36 C 6,36 12.001,36 15.0005,30.0005 18,24.001 18,12.001 21.0005,6.0005 24.001,0 30,0 36,0 c 0,0 0,36 0,36 0,0 -36,0 -36,0 z"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59.75 100" d="M 0,36 C 6,36 12.001,36 15.0005,30.0005 18,24.001 18,12.001 21.0005,6.0005 24.001,0 30,0 36,0 c 0,0 0,36 0,36 0,0 -36,0 -36,0 z"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" x="-3.6" transform="scale(0.0319, 0.0277)" />

Before

Width:  |  Height:  |  Size: 580 B

After

Width:  |  Height:  |  Size: 580 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="m 15,7.9667969 c -0.01449,0.035244 -0.03068,0.070158 -0.04492,0.1054687 -0.09052,0.2245057 -0.176971,0.4510693 -0.257814,0.6777344 -0.08085,0.2266651 -0.156494,0.4537768 -0.228516,0.6816406 -0.07202,0.2278638 -0.139075,0.4554921 -0.203125,0.6835934 -0.128103,0.456204 -0.242431,0.911891 -0.34375,1.363283 -0.10132,0.45139 -0.19014,0.898998 -0.271484,1.337889 -0.08134,0.438892 -0.154483,0.870358 -0.222657,1.289064 -0.136347,0.837412 -0.252453,1.625382 -0.376953,2.335936 -0.09317,0.531284 -0.195661,1.046768 -0.304687,1.546876 -0.109026,0.500108 -0.225339,0.986131 -0.351563,1.455078 -0.126224,0.468948 -0.261487,0.921573 -0.40625,1.359375 -0.07238,0.218902 -0.147342,0.433414 -0.224609,0.644532 -0.07727,0.211117 -0.15596,0.41971 -0.238281,0.623046 -0.08232,0.203337 -0.168317,0.4021 -0.25586,0.597657 -0.08754,0.195556 -0.176599,0.38644 -0.269531,0.574219 -0.09293,0.187778 -0.188621,0.372732 -0.287109,0.552734 -0.09849,0.180002 -0.200476,0.355115 -0.304688,0.527344 -0.104212,0.172228 -0.212161,0.341403 -0.322265,0.505859 -0.110105,0.164456 -0.221727,0.323783 -0.337891,0.480469 -0.116164,0.156685 -0.236984,0.310067 -0.359375,0.458984 -0.122391,0.148917 -0.246215,0.294397 -0.375,0.435547 C 8.884886,26.344276 8.752535,26.48185 8.617188,26.615235 8.48184,26.748621 8.34325,26.878285 8.201172,27.003907 8.059094,27.12953 7.912647,27.25128 7.763672,27.369142 7.614696,27.487003 7.462681,27.600836 7.306641,27.710939 7.1506,27.821041 6.991399,27.926953 6.828125,28.029298 6.664851,28.131643 6.496846,28.22963 6.326172,28.32422 6.155498,28.41881 5.980976,28.510821 5.802734,28.597657 5.624492,28.684497 5.44379,28.76662 5.257812,28.845704 5.071835,28.924784 4.881381,28.998979 4.6875,29.070313 c -0.193881,0.07133 -0.391798,0.139539 -0.59375,0.203126 -0.201952,0.06359 -0.40895,0.123846 -0.619141,0.179687 -0.21019,0.05584 -0.423981,0.108154 -0.642578,0.15625 -0.218597,0.0481 -0.440798,0.09246 -0.667969,0.132813 -0.22717,0.04035 -0.4594,0.07676 -0.695312,0.109374 -0.235912,0.03261 -0.475882,0.06106 -0.720703,0.08594 C 0.503226,29.962373 0.253898,29.982863 0,30.000003 V 0 H 1.5 C 9.714247,0.017514 13.264276,3.7445482 15,7.9667969 Z"/></svg>
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47, 100" d="M0 0h1.5m0 0C9.714.018 13.264 3.745 15 7.967l-.045.105c-.18.447-.342.9-.486 1.36a26.38 26.38 0 0 0-.547 2.047c-.101.45-.19.899-.272 1.337-.08.44-.154.87-.222 1.29-.137.837-.253 1.625-.377 2.335a38.38 38.38 0 0 1-.305 1.547c-.109.5-.225.986-.351 1.455a25.149 25.149 0 0 1-.631 2.004 17.918 17.918 0 0 1-1.05 2.348 14.16 14.16 0 0 1-.966 1.514c-.344.463-.722.9-1.13 1.306a10.525 10.525 0 0 1-1.79 1.414c-.674.422-1.392.77-2.14 1.041a13.21 13.21 0 0 1-1.213.383c-.432.116-.87.212-1.31.29-.47.083-.942.148-1.417.195-.245.024-.494.045-.748.062V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 776 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg">
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M0 0h1.5m0 0c13.95.03 14.454 10.757 15.45 16.442C18.44 24.942 21.875 29.452 30 30H0V0"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="46.5, 100" d="M0 0h1.5m0 0c13.95.03 14.454 10.757 15.45 16.442C18.44 24.942 21.875 29.452 30 30H0V0"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" transform="scale(0.038, 0.0333)" />

Before

Width:  |  Height:  |  Size: 508 B

After

Width:  |  Height:  |  Size: 528 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 9,27 A 9,9 0 0 1 8.9082,28.28125 9,9 0 0 1 8.634763,29.535156 9,9 0 0 1 8.187497,30.738281 9,9 0 0 1 7.570309,31.865234 9,9 0 0 1 6.800778,32.894531 9,9 0 0 1 5.894528,33.800781 9,9 0 0 1 4.865231,34.570312 9,9 0 0 1 3.738281,35.1875 9,9 0 0 1 2.535156,35.634766 9,9 0 0 1 1.28125,35.908203 9,9 0 0 1 0,36 V 9 0 A 9,9 0 0 1 1.28125,0.09179687 9,9 0 0 1 2.535156,0.36523438 9,9 0 0 1 3.738281,0.8125 9,9 0 0 1 4.865234,1.4296875 9,9 0 0 1 5.894531,2.1992188 9,9 0 0 1 6.800781,3.1054688 9,9 0 0 1 7.570312,4.1347656 9,9 0 0 1 8.1875,5.2617188 9,9 0 0 1 8.634766,6.4648438 9,9 0 0 1 8.908203,7.71875 9,9 0 0 1 9,9 Z"/></svg>
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" d="M0 0a9 9 0 0 1 7.571 4.135 9 9 0 0 1 .617 1.127 9 9 0 0 1 .72 2.457A9 9 0 0 1 9 9v18a9 9 0 0 1-4.135 7.571 9 9 0 0 1-1.127.617 9 9 0 0 1-2.457.72A9 9 0 0 1 0 36V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 736 B

After

Width:  |  Height:  |  Size: 397 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M0 0a9 9 0 0 1 9 9v18a9 9 0 0 0 9 9H0V0"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" transform="scale(0.065, 0.0277)" />

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 479 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="M 18,18 9,36 H 0 V 0 h 9 z"/></svg>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" d="M0 0h9l9 18-9 18H0V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 147 B

After

Width:  |  Height:  |  Size: 255 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M36 36h-9L9 0H0v36z"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" transform="scale(0.0319, 0.0277)" />

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 460 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="m 8,28 a 4,4 0 0 1 -0.04102,0.568359 4,4 0 0 1 -0.121093,0.558594 4,4 0 0 1 -0.199219,0.535156 4,4 0 0 1 -0.273438,0.5 4,4 0 0 1 -0.341796,0.457032 4,4 0 0 1 -0.404297,0.404297 4,4 0 0 1 -0.457032,0.341796 4,4 0 0 1 -0.5,0.273438 A 4,4 0 0 1 5.126949,31.837891 4,4 0 0 1 4.568355,31.958984 4,4 0 0 1 4,32 H 0 V 0 h 4 a 4,4 0 0 1 0.568359,0.04101562 4,4 0 0 1 0.558594,0.12109376 4,4 0 0 1 0.535156,0.19921874 4,4 0 0 1 0.5,0.2734375 4,4 0 0 1 0.457032,0.34179688 4,4 0 0 1 0.404297,0.4042969 4,4 0 0 1 0.341796,0.4570312 4,4 0 0 1 0.273438,0.5 A 4,4 0 0 1 7.837891,2.8730469 4,4 0 0 1 7.958984,3.4316406 4,4 0 0 1 8,4 Z"/></svg>
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="44.5, 100" d="M0 0h4a4 4 0 0 1 3.365 1.838 4 4 0 0 1 .473 1.035A4 4 0 0 1 8 4v24a4 4 0 0 1-1.838 3.365 4 4 0 0 1-1.035.473A4 4 0 0 1 4 32H0V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 740 B

After

Width:  |  Height:  |  Size: 365 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="37, 100" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" transform="scale(0.08, 0.0333)" />

Before

Width:  |  Height:  |  Size: 531 B

After

Width:  |  Height:  |  Size: 531 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><path fill="context-fill" d="m 18,18 c -0.1875,1.125 -0.375016,2.250016 -0.574219,3.351562 -0.0996,0.550774 -0.201672,1.096692 -0.308593,1.632813 -0.106922,0.536121 -0.218766,1.062516 -0.335938,1.578125 -0.117172,0.515609 -0.240742,1.020527 -0.371094,1.509766 -0.130351,0.489238 -0.267601,0.962914 -0.414062,1.419922 -0.146461,0.457007 -0.301297,0.897488 -0.466797,1.316406 -0.08275,0.209459 -0.1678,0.41249 -0.255859,0.611328 C 15.185378,29.61876 15.093734,29.812516 15,30 c -0.09373,0.187484 -0.189557,0.368972 -0.289062,0.544922 -0.09951,0.17595 -0.201549,0.346937 -0.306641,0.511719 -0.105093,0.164781 -0.213722,0.324536 -0.324219,0.478515 -0.110497,0.153979 -0.224126,0.30177 -0.339844,0.445313 -0.115717,0.143542 -0.23276,0.282543 -0.353515,0.416015 -0.120755,0.133473 -0.245484,0.260997 -0.371094,0.384766 -0.12561,0.123769 -0.252532,0.24299 -0.382813,0.357422 -0.13028,0.114431 -0.263668,0.224618 -0.398437,0.330078 -0.134769,0.10546 -0.271083,0.20588 -0.410156,0.302734 -0.139073,0.09685 -0.280634,0.190682 -0.423828,0.279297 -0.143195,0.08862 -0.288415,0.173164 -0.435547,0.253907 -0.147133,0.08074 -0.296378,0.157232 -0.447266,0.230468 -0.301775,0.146472 -0.610086,0.277842 -0.925781,0.396485 C 9.276102,35.050283 8.953148,35.156258 8.625,35.25 c -0.328148,0.09374 -0.660864,0.176276 -1,0.248047 -0.339136,0.07177 -0.684545,0.132817 -1.033203,0.185547 -0.348658,0.05273 -0.701881,0.09619 -1.058594,0.132812 -0.356713,0.03662 -0.716775,0.06641 -1.080078,0.08984 -0.363303,0.02344 -0.72923,0.04151 -1.097656,0.05469 -0.368426,0.01318 -0.739245,0.02148 -1.111328,0.02734 C 1.499974,35.999999 0.75,36 0,36 V 0 c 6,0 11.9995,-5e-4 15,6 1.50025,3.00025 2.25,7.5 3,12 z"/></svg>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<path fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="60, 100" d="M0 0c6 0 12 0 15 6 1.5 3 2.25 7.5 3 12-.188 1.125-.375 2.25-.574 3.352-.1.55-.202 1.096-.309 1.632a60.698 60.698 0 0 1-.336 1.578c-.117.516-.24 1.021-.37 1.51-.131.49-.268.963-.415 1.42a21.2 21.2 0 0 1-.467 1.317 14.336 14.336 0 0 1-.818 1.736 9.98 9.98 0 0 1-1.695 2.236 9.134 9.134 0 0 1-2.498 1.754c-.302.147-.61.278-.926.397-.316.118-.639.224-.967.318-.33.094-.664.177-1 .248-.34.072-.685.133-1.033.186a27.096 27.096 0 0 1-2.139.222c-.363.024-.73.042-1.098.055-.368.013-.739.021-1.11.027C1.5 36 .75 36 0 36V0"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 748 B

Before After
Before After

View file

@ -1,6 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="tabCorner" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 36,36 C 30,36 23.999,36 20.9995,30.0005 18,24.001 18,12.001 14.9995,6.0005 11.999,0 6,0 0,0 c 0,0 0,36 0,36 0,0 36,0 36,0 z"/>
<path id="tabCorner" fill="context-fill" stroke="context-stroke" stroke-opacity="context-stroke-opacity" stroke-width="1.5" stroke-dasharray="59.75 100" d="M 36,36 C 30,36 23.999,36 20.9995,30.0005 18,24.001 18,12.001 14.9995,6.0005 11.999,0 6,0 0,0 c 0,0 0,36 0,36 0,0 36,0 36,0 z"/>
</defs>
<clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
<use href="#tabCorner" transform="scale(0.0319, 0.0277)" />

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 569 B

Before After
Before After