diff --git a/png/kimai.png b/png/kimai.png
new file mode 100755
index 00000000..87c48a04
Binary files /dev/null and b/png/kimai.png differ
diff --git a/png/xpipe-light.png b/png/xpipe-light.png
new file mode 100755
index 00000000..51b6eedd
Binary files /dev/null and b/png/xpipe-light.png differ
diff --git a/png/xpipe.png b/png/xpipe.png
new file mode 100755
index 00000000..e0cf73b3
Binary files /dev/null and b/png/xpipe.png differ
diff --git a/svg/kimai.svg b/svg/kimai.svg
new file mode 100755
index 00000000..974c340e
--- /dev/null
+++ b/svg/kimai.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	
+		.st1{fill:url(#SVGID_00000104702514279352890890000008971651591535015841_);stroke:#FFFFFF;stroke-width:3.4909;stroke-linejoin:round;stroke-miterlimit:4.6545;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000092454867040424980990000014761489651587741619_);}
+	.st3{opacity:0.5;fill-rule:evenodd;clip-rule:evenodd;fill:#C7EFC4;enable-background:new    ;}
+</style>
+<g transform="translate(-390.56693 181.56689)">
+	<g>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="941.6085" y1="81.556" x2="940.939" y2="486.3303" gradientTransform="matrix(1.1636 0 0 -1.1636 -448.6797 437.324)">
+			<stop  offset="0" style="stop-color:#F2F2F2"/>
+			<stop  offset="1" style="stop-color:#F2F2F2"/>
+		</linearGradient>
+		<circle class="st0" cx="646.6" cy="74.4" r="256"/>
+		
+			<radialGradient id="SVGID_00000133499099547874572810000009276203591456671878_" cx="888.811" cy="340.8793" r="188.0424" gradientTransform="matrix(1.3584 0 0 -1.652 -560.7519 638.7312)" gradientUnits="userSpaceOnUse">
+			<stop  offset="0" style="stop-color:#01FD00"/>
+			<stop  offset="1" style="stop-color:#009D39"/>
+		</radialGradient>
+		
+			<circle style="fill:url(#SVGID_00000133499099547874572810000009276203591456671878_);stroke:#FFFFFF;stroke-width:3.4909;stroke-linejoin:round;stroke-miterlimit:4.6545;" cx="646.6" cy="74.4" r="226.7"/>
+		
+			<radialGradient id="SVGID_00000016062444377468845040000017439189815454069160_" cx="951.4431" cy="352.8569" r="65.3135" gradientTransform="matrix(2.2453 -1.2963 -1.344 -2.3279 -1058.5331 2212.0027)" gradientUnits="userSpaceOnUse">
+			<stop  offset="0" style="stop-color:#F9F9F9"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</radialGradient>
+		<path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000016062444377468845040000017439189815454069160_);" d="
+			M592.2,170.3l150-87.3l-150-87.3V170.3z"/>
+	</g>
+	<g>
+		<path class="st3" d="M737.6-55.1L737.6-55.1c-4.4-2.9-5.6-8.8-2.7-13.2l13.5-20.5c2.9-4.4,8.8-5.6,13.2-2.7l0,0
+			c4.4,2.9,5.6,8.8,2.7,13.2l-13.5,20.5C747.9-53.4,742-52.2,737.6-55.1z"/>
+		<path class="st3" d="M788.4,1.5L788.4,1.5c-2.4-4.7-0.6-10.4,4.1-12.9l21.8-11.2c4.7-2.4,10.4-0.6,12.9,4.1l0,0
+			c2.4,4.7,0.6,10.4-4.1,12.9L801.2,5.7C796.5,8.1,790.8,6.2,788.4,1.5z"/>
+		<path class="st3" d="M793.5,76.5L793.5,76.5c0-6.8,5.5-12.3,12.3-12.3h31.4c6.8,0,12.3,5.5,12.3,12.3l0,0
+			c0,6.8-5.5,12.3-12.3,12.3h-31.4C799,88.8,793.5,83.3,793.5,76.5z"/>
+		<path class="st3" d="M785.3,153.6L785.3,153.6c2.5-4.6,8.3-6.4,12.9-3.9l21.6,11.6c4.6,2.5,6.4,8.3,3.9,12.9l0,0
+			c-2.5,4.6-8.3,6.4-12.9,3.9l-21.6-11.6C784.5,164,782.8,158.2,785.3,153.6z"/>
+		<path class="st3" d="M753.4,248.9L753.4,248.9c-4.5,2.8-10.4,1.4-13.1-3.1l-12.9-20.9c-2.8-4.5-1.4-10.4,3.1-13.1l0,0
+			c4.5-2.8,10.4-1.4,13.1,3.1l12.9,20.9C759.3,240.2,757.9,246.1,753.4,248.9z"/>
+		<path class="st3" d="M647,278.9L647,278.9c-6.8,0-12.3-5.5-12.3-12.3v-31.4c0-6.8,5.5-12.3,12.3-12.3l0,0
+			c6.8,0,12.3,5.5,12.3,12.3v31.4C659.2,273.4,653.7,278.9,647,278.9z"/>
+		<path class="st3" d="M533.1,245.7L533.1,245.7c-4.4-2.9-5.7-8.8-2.8-13.2l13.3-20.6c2.9-4.4,8.8-5.7,13.2-2.8l0,0
+			c4.4,2.9,5.7,8.8,2.8,13.2l-13.3,20.6C543.4,247.3,537.5,248.5,533.1,245.7z"/>
+		<path class="st3" d="M463,168.2L463,168.2c-2.4-4.7-0.6-10.4,4.1-12.9l21.8-11.2c4.7-2.4,10.4-0.6,12.9,4.1l0,0
+			c2.4,4.7,0.6,10.4-4.1,12.9l-21.8,11.2C471.1,174.7,465.4,172.9,463,168.2z"/>
+		<path class="st3" d="M442,76.5L442,76.5c0-6.8,5.5-12.3,12.3-12.3h31.4c6.8,0,12.3,5.5,12.3,12.3l0,0c0,6.8-5.5,12.3-12.3,12.3
+			h-31.4C447.5,88.8,442,83.3,442,76.5z"/>
+		<path class="st3" d="M467.7-26.2L467.7-26.2c2.5-4.6,8.3-6.4,12.9-3.9l21.6,11.6c4.6,2.5,6.4,8.3,3.9,12.9l0,0
+			c-2.5,4.6-8.3,6.4-12.9,3.9l-21.6-11.6C466.9-15.8,465.2-21.5,467.7-26.2z"/>
+		<path class="st3" d="M561.8-62.1L561.8-62.1c-4.5,2.8-10.4,1.4-13.1-3.1l-13-20.8c-2.8-4.5-1.4-10.4,3.1-13.1l0,0
+			c4.5-2.8,10.4-1.4,13.1,3.1l13,20.8C567.7-70.8,566.3-64.9,561.8-62.1z"/>
+		<g transform="scale(-1)">
+			<path class="st3" d="M-664.3,71.6L-664.3,71.6c6.8,0,12.3,5.5,12.3,12.3v31.4c0,6.8-5.5,12.3-12.3,12.3l0,0
+				c-6.8,0-12.3-5.5-12.3-12.3V83.9C-676.6,77.1-671.1,71.6-664.3,71.6z"/>
+			<path class="st3" d="M-628.5,71.6L-628.5,71.6c6.8,0,12.3,5.5,12.3,12.3v31.4c0,6.8-5.5,12.3-12.3,12.3l0,0
+				c-6.8,0-12.3-5.5-12.3-12.3V83.9C-640.8,77.1-635.3,71.6-628.5,71.6z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/svg/xpipe-light.svg b/svg/xpipe-light.svg
new file mode 100755
index 00000000..91655bdb
--- /dev/null
+++ b/svg/xpipe-light.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg2" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:export-filename="C:\Projects\xpipe\xpipex\app\src\main\resources\io\xpipe\app\resources\img\logo\full\logo_32x32.png" sodipodi:docname="logo_app_full.svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
+	 style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M399,2H113C51.7,2,2,51.7,2,113v286c0,61.3,49.7,111,111,111h286c61.3,0,111-49.7,111-111V113
+	C510,51.7,460.3,2,399,2z M141.4,49.2c7-4.5,15.4-6.7,24.6-6.7c47.8,0.4,121.3,56.1,189.6,142.2h-0.4
+	C277.7,104.2,225.9,83.2,207.6,78.3c-5.9-1.9-11-2.6-15.4-2.6c-5.9,0-10.7,1.5-14.3,4.5c-4.4,4.1-7.3,12-7.3,23.6
+	c0,31.8,20.2,88.3,57,149.7l-33.1,44.2c-46.7-76.3-73.5-149.3-73.5-197.6C120.9,76.9,127.1,58.5,141.4,49.2z M179,448.5h-54h-25
+	L187.8,334l37.1,47.5L179,448.5z M407.6,445.5c-7,4.5-24.6,6.7-24.6,6.7c-54.4-0.4-104.4-25.1-180-134.7l89.7-123.9l0.7-1.1h70.9
+	l-93.7,132.1c51.4,62.1,91.9,83.1,124.6,82.7c1.8,0,3.3,0,5.1-0.4c0.7-0.4,2.2-0.7,3.7-1.1c0,0,0.4-0.4,0.7-0.4
+	c0.7-0.4,1.8-0.7,2.9-1.5c0.4,0,1.1-0.4,1.5-0.7c0.4-0.4,1.1-0.7,1.5-1.1c0.4-0.4,1.1-0.7,1.5-1.1c1.5-1.5,2.9-3,4-4.5
+	c4.8-5.2,9.6-11.6,11.8-16.8h0.4c0.4,4.5,0.7,9,0.7,13.1C428.9,417,422.3,435.7,407.6,445.5z"/>
+</svg>
diff --git a/svg/xpipe.svg b/svg/xpipe.svg
new file mode 100755
index 00000000..fd84cece
--- /dev/null
+++ b/svg/xpipe.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg2" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:export-filename="C:\Projects\xpipe\xpipex\app\src\main\resources\io\xpipe\app\resources\img\logo\full\logo_32x32.png" sodipodi:docname="logo_app_full.svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
+	 style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	
+		.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#rect888_00000032640813958567162740000006388104896787409832_);stroke:#434342;stroke-width:4;stroke-linecap:round;}
+	.st1{fill:none;}
+	.st2{clip-path:url(#SVGID_00000178201788020539064960000013678996614669339520_);}
+	.st3{fill:#0B898A;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview4" inkscape:current-layer="layer2" inkscape:cx="169.35207" inkscape:cy="217.78889" inkscape:pagecheckerboard="true" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1017" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:zoom="1.4142136" pagecolor="#4f5151" showgrid="false" width="170.77866px">
+	</sodipodi:namedview>
+<g id="layer2" inkscape:groupmode="layer" inkscape:label="bg">
+	
+		<radialGradient id="rect888_00000161632345147113658290000016242858003779006859_" cx="-190.4787" cy="240.8615" r="206" gradientTransform="matrix(1.7339 -1.7906 -2.0518 -1.987 1097.9681 413.5745)" gradientUnits="userSpaceOnUse">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="1" style="stop-color:#B6B4B4"/>
+	</radialGradient>
+	
+		<path id="rect888" inkscape:export-filename="C:\Projects\xpipe\xpipex\app\src\main\resources\io\xpipe\app\resources\img\logo\full\logo_256x256.png" inkscape:export-xdpi="48.000008" inkscape:export-ydpi="48.000008" inkscape:label="rect888" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#rect888_00000161632345147113658290000016242858003779006859_);stroke:#434342;stroke-width:4;stroke-linecap:round;" d="
+		M113,2H399c61.3,0,111,49.7,111,111V399c0,61.3-49.7,111-111,111H113C51.7,510,2,460.3,2,399V113C2,51.7,51.7,2,113,2z"/>
+</g>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="shadow">
+	<path id="path7210-8" sodipodi:nodetypes="cccccc" d="M108.5,457.6l-8.3-9.3l94.1-103.7l36.3,43.4l-46.4,70L108.5,457.6z"/>
+	<path id="path42-1" sodipodi:nodetypes="sccccccccccss" d="M168.7,53.4c-9.3,0-17.7,2.2-24.7,6.9c-14.3,9.5-20.7,27.7-20.7,51
+		c0.1,48.4,25.5,121.6,71.9,198.1l32.8-45.5c-36.5-61.8-55-117.4-55-149.2c0-11.7,2.8-19.6,7.5-23.4c3.5-2.9,8.3-4.4,14.5-4.4
+		c4.5,0,9.7,0.8,15.4,2.4c18.3,5.1,67.6,14.8,144.9,95.6l0.2-0.2C287.3,98.7,216.5,53.7,168.7,53.4L168.7,53.4z"/>
+	<path id="path30-0" d="M297.5,209.7v-3.1V209.7z M213.3,328.4l29.4,38.3l112.1-157h-55.7L213.3,328.4z M205.5,328.5L295,204.7
+		l0.9-1.3h70.9l-124,173.8L205.5,328.5z"/>
+	<path id="path7073" sodipodi:nodetypes="ccc" d="M366.9,203.4l-2.7-10.9l-7.9,10.9"/>
+	<path id="path14245" d="M228.1,263.8l-1-10.1l-2.9,3.7L228.1,263.8"/>
+	<path id="path34-0" d="M131.2,436.6h64.6l31.9-44.5l-33.4-42.8L131.2,436.6z"/>
+	<path id="path3256-1" sodipodi:nodetypes="cccccccccccccccc" d="M205.5,328.5c75.7,109.4,124,129.3,178.5,129.7
+		c35.6-5.9,44.4-24.5,44.7-54.5c0-4.2-0.1-19.5-0.5-24l-0.2,0c-2.3,5.1-4.3,22.4-8.9,27.5c-1.2,1.5-2.6,3-4.1,4.4
+		c-0.5,0.4-1,0.7-1.5,1.1c-0.5,0.4-1,0.8-1.5,1.1c-0.5,0.3-0.9,0.6-1.4,0.9c-1.1,0.6-2.1,1.1-3,1.4c-0.3,0.1-0.6,0.2-0.9,0.3
+		c-1.6,0.5-2.9,0.8-3.8,1c-1.7,0.3-3.4,0.5-5.3,0.5c-38.7,0.5-88.3-29.2-154.7-121.8L205.5,328.5z"/>
+	<path id="path26-4" d="M297.5,206.6l-88.1,121.9l33.3,43.5l118-165.4L297.5,206.6z"/>
+</g>
+<g id="g8" transform="matrix(1.3333333,0,0,-1.3333333,-294.77559,336.96186)" inkscape:groupmode="layer" inkscape:label="X-Pipe_final_app">
+	<path id="path10" class="st1" d="M607.9-119.5H244.5v370.1h363.4V-119.5z"/>
+	<g id="g1026" transform="matrix(2.7557616,0,0,2.8063984,-376.59043,-476.59316)" inkscape:label="g1026">
+		<g id="g977">
+			<g id="g12">
+				<g>
+					<defs>
+						<rect id="SVGID_1_" x="-770.2" y="-493.5" width="2116.4" height="1347.1"/>
+					</defs>
+					<clipPath id="SVGID_00000028305799529024353080000012516540709530577064_">
+						<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+					</clipPath>
+					<g id="g14" style="clip-path:url(#SVGID_00000028305799529024353080000012516540709530577064_);">
+						<g id="g20" transform="translate(224.0767,228.4834)">
+						</g>
+						<g id="g24" transform="translate(297.1084,207.5693)">
+						</g>
+						<g id="g28" transform="translate(297.1094,206.7285)">
+							<path id="path30" class="st3" d="M-0.4,1.7l-0.2-0.3L-25-31.7C-4.4-61,9.2-67.6,24-67.7c0,0,4.8,0.6,6.7,1.8
+								c4,2.6,5.8,7.6,5.8,14.1c0,1.1-0.1,2.3-0.2,3.5l-0.1,0c-0.6-1.4-1.9-3.1-3.2-4.5c-0.3-0.4-0.7-0.8-1.1-1.2
+								c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1-0.1-0.3-0.2-0.4-0.2c-0.3-0.2-0.6-0.3-0.8-0.4
+								c-0.1,0-0.2-0.1-0.2-0.1c-0.4-0.1-0.8-0.2-1-0.3c-0.5-0.1-0.9-0.1-1.4-0.1c-8.9-0.1-19.9,5.5-33.9,22.1L18.9,1.7H-0.4z"/>
+						</g>
+						<g id="g32" transform="translate(251.8486,146.0889)">
+						</g>
+						<g id="g40" transform="translate(348.4717,139.6377)">
+							<path id="path42" class="st3" d="M-86.4,108.9c-2.5,0-4.8-0.6-6.7-1.8c-3.9-2.5-5.6-7.4-5.6-13.6c0-12.9,7.3-32.4,20-52.8
+								l9,11.8C-79.7,68.9-85.2,84-85.2,92.5c0,3.1,0.8,5.2,2,6.3c1,0.8,2.3,1.2,3.9,1.2c1.2,0,2.6-0.2,4.2-0.7
+								c5-1.3,19.1-6.9,40.2-28.4l0.1,0C-53.4,93.9-73.4,108.8-86.4,108.9L-86.4,108.9z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+	<g id="g36" transform="matrix(2.7557616,0,0,2.8063984,318.94888,-64.566456)">
+		<path id="path7210" sodipodi:nodetypes="cccccc" class="st3" d="M-1.5-6.8h-6.8l23.9,30.6l10.1-12.7L13.2-6.8H-1.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/webp/kimai.webp b/webp/kimai.webp
new file mode 100755
index 00000000..7a2b4a79
Binary files /dev/null and b/webp/kimai.webp differ
diff --git a/webp/xpipe-light.webp b/webp/xpipe-light.webp
new file mode 100755
index 00000000..669258c0
Binary files /dev/null and b/webp/xpipe-light.webp differ
diff --git a/webp/xpipe.webp b/webp/xpipe.webp
new file mode 100755
index 00000000..f78ad8cf
Binary files /dev/null and b/webp/xpipe.webp differ