Updated Icons

This commit is contained in:
DerDavidBohl
2025-06-26 10:07:20 +02:00
parent 070a3e4682
commit cf875a0e66
5 changed files with 98 additions and 10 deletions

View File

@@ -0,0 +1,43 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="200"
height="200"
viewBox="0 0 200 200"
>
<!-- Stylized Docker Containers -->
<g fill="#00BFFF">
<rect x="40" y="70" width="20" height="20" rx="3" />
<rect x="65" y="70" width="20" height="20" rx="3" />
<rect x="90" y="70" width="20" height="20" rx="3" />
<rect x="52.5" y="45" width="20" height="20" rx="3" />
<rect x="77.5" y="45" width="20" height="20" rx="3" />
</g>
<!-- Docker Whale Body -->
<path
d="M35 110c0 20 30 35 60 35s60-15 60-35v-5H35v5z"
fill="#00BFFF"
opacity="0.8"
/>
<circle cx="55" cy="115" r="3" fill="#fff" />
<!-- Git Branch Path -->
<path
d="M 97 128 q 155 -125 0 0"
fill="none"
stroke="#F1502F"
stroke-width="4"
/>
<circle cx="175" cy="40" r="6" fill="#F1502F" />
<circle cx="100" cy="125" r="6" fill="#F1502F" />
<circle cx="175" cy="125" r="6" fill="#F1502F" />
<path
d="M 175 40 q 0 175 0 0"
fill="none"
stroke="#F1502F"
stroke-width="4"
stroke-linecap="round"
/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -32,18 +32,20 @@
<!-- Git Branch Path -->
<path
d="M150 40v80c0 10-15 15-20 5l-10-20"
d="M 97 128 q 155 -125 0 0"
fill="none"
stroke="#F1502F"
stroke-width="4"
/>
<circle cx="175" cy="40" r="6" fill="#F1502F" />
<circle cx="100" cy="125" r="6" fill="#F1502F" />
<circle cx="175" cy="125" r="6" fill="#F1502F" />
<path
d="M 175 40 q 0 175 0 0"
fill="none"
stroke="#F1502F"
stroke-width="4"
stroke-linecap="round"
/>
<circle cx="150" cy="40" r="6" fill="#F1502F" />
<circle cx="120" cy="105" r="6" fill="#F1502F" />
/>
<!-- Deployment Arrow -->
<g fill="#FFFFFF">
<polygon points="135,155 150,170 165,155" />
<rect x="145" y="130" width="10" height="25" rx="2" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

43
frontend/public/icon.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg
height="200"
viewBox="0 0 200 200"
width="200"
xmlns="http://www.w3.org/2000/svg"
>
<!-- Stylized Docker Containers -->
<g fill="#00BFFF">
<rect height="20" rx="3" width="20" x="40" y="70"/>
<rect height="20" rx="3" width="20" x="65" y="70"/>
<rect height="20" rx="3" width="20" x="90" y="70"/>
<rect height="20" rx="3" width="20" x="52.5" y="45"/>
<rect height="20" rx="3" width="20" x="77.5" y="45"/>
</g>
<!-- Docker Whale Body -->
<path
d="M35 110c0 20 30 35 60 35s60-15 60-35v-5H35v5z"
fill="#00BFFF"
opacity="0.8"
/>
<circle cx="55" cy="115" fill="#fff" r="3"/>
<!-- Git Branch Path -->
<path
d="M 97 128 q 155 -125 0 0"
fill="none"
stroke="#F1502F"
stroke-width="4"
/>
<circle cx="175" cy="40" fill="#F1502F" r="6"/>
<circle cx="100" cy="125" fill="#F1502F" r="6"/>
<circle cx="175" cy="125" fill="#F1502F" r="6"/>
<path
d="M 175 40 q 0 175 0 0"
fill="none"
stroke="#F1502F"
stroke-linecap="round"
stroke-width="4"
/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -5,7 +5,7 @@
<title>DirigentFrontend</title>
<base href="/">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="favicon.ico" rel="icon" type="image/x-icon">
<link href="icon.svg" rel="icon" type="image/svg+xml">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>