Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-02-14 23:19:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reuse paths to improve SVG improve_svg_files

Browse Source 
- positioning and rotating the same path to create the Vortex

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2022-08-23 03:11:58 -03:00
parent f8a3d7a997
commit 42e01486a3
3 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
img/favicons/safari-pinned-tab.svg
View File

@@ -1 +1,10 @@
<svg width="1400" height="1400" viewBox="0 0 1400 1400" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M618.459 433.656C444.439 415.096 269.133 283.563 255.294 5.26c270.04 0 414.447 159.857 428.395 413.161 51.068-303.834 290.427-268.216 290.427-268.216C985.488 322.4 844.08 426.788 683.689 435.478c-45.06-94.949-314.993-327.868-314.993-327.868-.583-.494-1.471.144-1.181.858 0 .001 260.492 226.912 250.944 325.188m555.206 487.13a213.922 213.922 0 0 0-62.544-151.42L851.7 509.84a213.91 213.91 0 0 0-90.813-53.849c-17.806-5.658-37.42-8.813-58.763-8.903-.854-.05-1.57-.087-2.126-.119v.12a213.923 213.923 0 0 0-150.524 62.535l-259.525 259.42a213.814 213.814 0 0 0-48.924 76.062c-9.434 22.044-14.803 47.28-14.803 75.532a213.923 213.923 0 0 0 62.547 151.703l259.312 259.42a213.926 213.926 0 0 0 115.713 59.586c9.41 1.664 19.245 2.67 29.486 2.968 3.059.233 5.353.346 6.719.424l-.163-.322a213.936 213.936 0 0 0 151.545-62.545l259.526-259.314a213.915 213.915 0 0 0 57.58-105.36c3.22-13.725 5.009-28.414 5.156-44.033.058-.983.1-1.797.136-2.415l-.114.036zm-183.46 183.528c-107.281 7.725-186.462-77.029-290.53-77.029-130.86 9.674-187.61 102.787-182.622 192.81a287.71 287.71 0 0 1-.624-8.923c-7.725-107.287 77.032-186.357 77.032-290.533-9.79-132.386-105-188.927-196.014-182.425a284.21 284.21 0 0 1 13.199-1.032c107.285-7.725 186.463 77.03 290.532 77.03 122.2-9.188 179.776-90.992 182.8-175.053 2.785 102.945-77.444 180.545-77.444 281.91 9.653 130.583 102.395 187.371 192.24 182.653a292.64 292.64 0 0 1-8.568.592z"/></svg>
<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000">
<defs>
<path id="b" d="M7.692 657.377c0 -13.208 13.131 -130.715 130.054 -130.715 76.908 -5.515 136.662 55.146 211.262 55.146 186.215 -13.954 161.169 -263.792 -1.938 -263.792 -40.769 -0.108 -78.3 17.077 -107.146 45.8L51.831 551.9C20.615 583.015 7.692 622.862 7.692 657.377z"/>
</defs>
<path d="M441.538 308.808c-124.769 -13.308 -250.462 -107.615 -260.385 -307.154 193.615 0 297.154 114.615 307.154 296.231 36.615 -217.846 208.231 -192.308 208.231 -192.308 8.154 123.462 -93.231 198.308 -208.231 204.538 -32.308 -68.077 -225.846 -235.077 -225.846 -235.077a0.538 0.538 0 0 0 -0.846 0.615s186.769 162.692 179.923 233.154"/>
<use x="153.5" transform="rotate(180 500 656.5)" xlink:href="#b"/>
<use x="153.5" transform="rotate(90 500 656.5)" xlink:href="#b"/>
<use x="153.5" transform="rotate(-90 500 656.5)" xlink:href="#b"/>
<use x="153.5" xlink:href="#b"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 995 B

12
img/logo.svg
View File

@@ -1 +1,11 @@
<svg viewBox="0 0 90 130" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient y2="0" y1="0" x2=".8" x1="0" id="a"><stop stop-color="#22B225" offset="0"/><stop stop-color="#29FC2E" offset="1"/></linearGradient></defs><path fill="url(#a)" d="M37.4 40.145C21.18 38.415 4.84 26.155 3.55.215c25.17 0 38.63 14.9 39.93 38.51 4.76-28.32 27.07-25 27.07-25 1.06 16.05-12.12 25.78-27.07 26.59-4.2-8.85-29.36-30.56-29.36-30.56a.07.07 0 0 0-.11.08s24.28 21.15 23.39 30.31"/><path fill="#96060C" d="M45 129.726c-1.57-.09-16.22-.65-17.11-17.11-.72-10 7.18-17.37 7.18-27.08-1.79-24.21-34.23-21.21-34.23 0a19.94 19.94 0 0 0 5.83 14.14l24.17 24.18a19.94 19.94 0 0 0 14.14 5.83"/><path fill="#F60D1A" d="M89.16 85.546c-.09 1.57-.65 16.22-17.11 17.11-10 .72-17.38-7.18-27.08-7.18-24.21 1.79-21.21 34.22 0 34.22a19.94 19.94 0 0 0 14.14-5.83l24.19-24.17a19.94 19.94 0 0 0 5.83-14.14"/><path fill="#96060C" d="M45 41.386c1.57.09 16.22.65 17.11 17.11.72 10-7.18 17.37-7.18 27.08 1.79 24.21 34.22 21.21 34.22 0a19.94 19.94 0 0 0-5.83-14.14l-24.18-24.19A19.94 19.94 0 0 0 45 41.416"/><path fill="#F60D1A" d="M.92 85.546c.09-1.57.65-16.22 17.11-17.11 10-.72 17.38 7.18 27.08 7.18 24.21-1.82 21.21-34.22 0-34.22a19.94 19.94 0 0 0-14.14 5.83L6.78 71.406a19.94 19.94 0 0 0-5.83 14.14"/></svg>
<svg viewBox="0 0 90 130" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient y2="0" y1="0" x2=".8" x1="0" id="a"><stop stop-color="#22B225" offset="0"/><stop stop-color="#29FC2E" offset="1"/></linearGradient>
<path d="M1 85.459c0-1.717 1.707-16.993 16.907-16.993 9.998-.717 17.766 7.169 27.464 7.169 24.208-1.814 20.952-34.293-.252-34.293-5.3-.014-10.179 2.22-13.929 5.954L6.738 71.747C2.68 75.792 1 80.972 1 85.459z" id="b"/>
</defs>
<path fill="url(#a)" d="M37.4 40.145C21.18 38.415 4.84 26.155 3.55.215c25.17 0 38.63 14.9 39.93 38.51 4.76-28.32 27.07-25 27.07-25 1.06 16.05-12.12 25.78-27.07 26.59-4.2-8.85-29.36-30.56-29.36-30.56a.07.07 0 0 0-.11.08s24.28 21.15 23.39 30.31"/>
<use xlink:href="#b" fill="#F60D1A" transform="rotate(180 45 85.3)"/>
<use xlink:href="#b" fill="#96060C" transform="rotate(90 45 85.3)"/>
<use xlink:href="#b" fill="#96060C" transform="rotate(-90 45 85.3)"/>
<use xlink:href="#b" fill="#F60D1A"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 986 B

19
img/pihole_icon.svg
View File

@@ -1,9 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="pihole-svg-logo" viewBox="0 0 200 200">
<path d="M88.387 61.745C63.6 59.101 38.632 40.367 36.66.728c38.462 0 59.03 22.769 61.017 58.846 7.273-43.275 41.366-38.203 41.366-38.203 1.619 24.526-18.52 39.394-41.366 40.632C91.26 48.48 52.813 15.305 52.813 15.305a.108.108 0 0 0-.169.122c0 .001 37.102 32.32 35.743 46.318" fill="currentcolor"/>
<path d="M100 199.272c-2.399-.137-24.785-.993-26.145-26.145-1.1-15.28 10.972-26.543 10.972-41.38-2.736-36.994-52.307-32.41-52.307 0a30.472 30.472 0 0 0 8.91 21.608l36.933 36.949a30.466 30.466 0 0 0 21.607 8.908" fill="currentColor"/>
<path d="M167.48 131.762c-.137 2.399-.994 24.785-26.146 26.145-15.28 1.1-26.558-10.972-41.38-10.972-36.996 2.736-32.41 52.292 0 52.292a30.468 30.468 0 0 0 21.607-8.91l36.965-36.933a30.466 30.466 0 0 0 8.908-21.607" fill="currentColor"/>
<path d="M100 64.282c2.399.137 24.786.992 26.146 26.145 1.1 15.281-10.972 26.543-10.972 41.38 2.735 36.995 52.292 32.41 52.292 0a30.465 30.465 0 0 0-8.91-21.607l-36.949-36.965A30.468 30.468 0 0 0 100 64.326" fill="currentColor"/>
<path d="M32.642 131.762c.137-2.4.994-24.786 26.145-26.146 15.28-1.101 26.558 10.972 41.38 10.972 36.996-2.781 32.411-52.292 0-52.292a30.468 30.468 0 0 0-21.607 8.91l-36.964 36.949a30.472 30.472 0 0 0-8.91 21.607" fill="currentColor"/>
</symbol>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="drop">
<path d="M1 85.459c0-1.717 1.707-16.993 16.907-16.993 9.998-.717 17.766 7.169 27.464 7.169 24.208-1.814 20.952-34.293-.252-34.293-5.3-.014-10.179 2.22-13.929 5.954L6.738 71.747C2.68 75.792 1 80.972 1 85.459z"/>
</symbol>
<symbol id="pihole-svg-logo" viewBox="-20 0 130 130">
<path fill="currentColor" d="M37.4 40.145C21.18 38.415 4.84 26.155 3.55.215c25.17 0 38.63 14.9 39.93 38.51 4.76-28.32 27.07-25 27.07-25 1.06 16.05-12.12 25.78-27.07 26.59-4.2-8.85-29.36-30.56-29.36-30.56a.07.07 0 0 0-.11.08s24.28 21.15 23.39 30.31"/>
<use xlink:href="#drop" fill="currentColor" transform="rotate(180 45 85.3)"/>
<use xlink:href="#drop" fill="currentColor" transform="rotate(90 45 85.3)"/>
<use xlink:href="#drop" fill="currentColor" transform="rotate(-90 45 85.3)"/>
<use xlink:href="#drop" fill="currentColor"/>
</symbol>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 949 B