fix: favicon and icon on every page

src/app/layout.tsx

@@ -4,6 +4,12 @@ import "./globals.css";
 export const metadata: Metadata = {
   title: "Werkzeugkiste",
   description: "Collection of useful digital utilities",
+  icons: [
+    {
+      rel: "icon",
+      url: "/favicon.ico",
+    },
+  ],
 };
 
 export default function RootLayout({

src/assets/logo/icons8-toolbox-256.svg

@@ -1 +0,0 @@
-<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 128 128" width="256px" height="256px">    <path d="M 43.800781 24.800781 C 40.200781 24.800781 36.799219 26.6 34.699219 29.5 L 13 60.300781 C 12.6 60.800781 12.5 61.4 12.5 62 L 12.5 92.099609 C 12.5 98.199609 17.499609 103.19922 23.599609 103.19922 L 64 103.19922 L 64.5 103.19922 L 64.800781 103.19922 L 104.40039 103.19922 C 110.50039 103.19922 115.5 98.299219 115.5 92.199219 L 115.5 62 C 115.5 61.8 115.50039 61.6 115.40039 61.5 L 115.40039 61.300781 C 115.40039 61.200781 115.30078 61.1 115.30078 61 C 115.30078 60.9 115.29922 60.900781 115.19922 60.800781 C 115.09922 60.700781 115.1 60.6 115 60.5 C 115 60.5 115.00039 60.400391 114.90039 60.400391 L 93.300781 29.5 C 91.200781 26.6 87.799219 24.800781 84.199219 24.800781 C 80.599219 24.800781 77.199609 26.6 75.099609 29.5 L 73.400391 31.900391 L 63.599609 31.900391 C 61.899609 31.900391 60.599609 33.200391 60.599609 34.900391 C 60.599609 36.600391 61.899609 37.900391 63.599609 37.900391 L 80 37.900391 C 81.2 37.900391 82.199219 38.800391 82.199219 39.900391 C 82.199219 41.000391 81.2 41.900391 80 41.900391 L 68 41.900391 C 67 41.900391 66.1 42.399219 65.5 43.199219 L 64 45.300781 L 52.900391 29.5 C 50.800391 26.6 47.400781 24.800781 43.800781 24.800781 z M 43.800781 30.800781 C 45.500781 30.800781 47 31.6 48 33 L 69.099609 63 L 69.099609 92.199219 C 69.099609 94.999219 66.8 97.199219 64 97.199219 L 23.599609 97.199219 C 20.799609 97.199219 18.5 94.899219 18.5 92.199219 L 18.5 63 L 39.599609 33 C 40.599609 31.6 42.100781 30.800781 43.800781 30.800781 z M 84.199219 30.900391 C 85.899219 30.900391 87.400391 31.699609 88.400391 33.099609 L 106.69922 59.099609 L 83.599609 59.099609 L 77.599609 50.599609 L 79.5 47.900391 L 80 47.900391 C 84.5 47.900391 88.199219 44.300391 88.199219 39.900391 C 88.199219 35.800391 85.1 32.5 81 32 C 81.9 31.3 82.999219 30.900391 84.199219 30.900391 z M 43.800781 34.900391 A 5 5 0 0 0 38.800781 39.900391 A 5 5 0 0 0 43.800781 44.900391 A 5 5 0 0 0 48.800781 39.900391 A 5 5 0 0 0 43.800781 34.900391 z M 75.099609 65 L 109.5 65 L 109.5 92.099609 C 109.5 94.899609 107.20039 97.099609 104.40039 97.099609 L 73.900391 97.099609 C 74.600391 95.699609 75.099609 93.899609 75.099609 92.099609 L 75.099609 65 z"/></svg>

src/assets/logo/icons8-toolbox-512.svg

@@ -1 +0,0 @@
-<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 128 128" width="512px" height="512px">    <path d="M 43.800781 24.800781 C 40.200781 24.800781 36.799219 26.6 34.699219 29.5 L 13 60.300781 C 12.6 60.800781 12.5 61.4 12.5 62 L 12.5 92.099609 C 12.5 98.199609 17.499609 103.19922 23.599609 103.19922 L 64 103.19922 L 64.5 103.19922 L 64.800781 103.19922 L 104.40039 103.19922 C 110.50039 103.19922 115.5 98.299219 115.5 92.199219 L 115.5 62 C 115.5 61.8 115.50039 61.6 115.40039 61.5 L 115.40039 61.300781 C 115.40039 61.200781 115.30078 61.1 115.30078 61 C 115.30078 60.9 115.29922 60.900781 115.19922 60.800781 C 115.09922 60.700781 115.1 60.6 115 60.5 C 115 60.5 115.00039 60.400391 114.90039 60.400391 L 93.300781 29.5 C 91.200781 26.6 87.799219 24.800781 84.199219 24.800781 C 80.599219 24.800781 77.199609 26.6 75.099609 29.5 L 73.400391 31.900391 L 63.599609 31.900391 C 61.899609 31.900391 60.599609 33.200391 60.599609 34.900391 C 60.599609 36.600391 61.899609 37.900391 63.599609 37.900391 L 80 37.900391 C 81.2 37.900391 82.199219 38.800391 82.199219 39.900391 C 82.199219 41.000391 81.2 41.900391 80 41.900391 L 68 41.900391 C 67 41.900391 66.1 42.399219 65.5 43.199219 L 64 45.300781 L 52.900391 29.5 C 50.800391 26.6 47.400781 24.800781 43.800781 24.800781 z M 43.800781 30.800781 C 45.500781 30.800781 47 31.6 48 33 L 69.099609 63 L 69.099609 92.199219 C 69.099609 94.999219 66.8 97.199219 64 97.199219 L 23.599609 97.199219 C 20.799609 97.199219 18.5 94.899219 18.5 92.199219 L 18.5 63 L 39.599609 33 C 40.599609 31.6 42.100781 30.800781 43.800781 30.800781 z M 84.199219 30.900391 C 85.899219 30.900391 87.400391 31.699609 88.400391 33.099609 L 106.69922 59.099609 L 83.599609 59.099609 L 77.599609 50.599609 L 79.5 47.900391 L 80 47.900391 C 84.5 47.900391 88.199219 44.300391 88.199219 39.900391 C 88.199219 35.800391 85.1 32.5 81 32 C 81.9 31.3 82.999219 30.900391 84.199219 30.900391 z M 43.800781 34.900391 A 5 5 0 0 0 38.800781 39.900391 A 5 5 0 0 0 43.800781 44.900391 A 5 5 0 0 0 48.800781 39.900391 A 5 5 0 0 0 43.800781 34.900391 z M 75.099609 65 L 109.5 65 L 109.5 92.099609 C 109.5 94.899609 107.20039 97.099609 104.40039 97.099609 L 73.900391 97.099609 C 74.600391 95.699609 75.099609 93.899609 75.099609 92.099609 L 75.099609 65 z"/></svg>

src/assets/logo/icons8-toolbox-64.svg

@@ -1 +0,0 @@
-<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 128 128" width="64px" height="64px">    <path d="M 43.800781 24.800781 C 40.200781 24.800781 36.799219 26.6 34.699219 29.5 L 13 60.300781 C 12.6 60.800781 12.5 61.4 12.5 62 L 12.5 92.099609 C 12.5 98.199609 17.499609 103.19922 23.599609 103.19922 L 64 103.19922 L 64.5 103.19922 L 64.800781 103.19922 L 104.40039 103.19922 C 110.50039 103.19922 115.5 98.299219 115.5 92.199219 L 115.5 62 C 115.5 61.8 115.50039 61.6 115.40039 61.5 L 115.40039 61.300781 C 115.40039 61.200781 115.30078 61.1 115.30078 61 C 115.30078 60.9 115.29922 60.900781 115.19922 60.800781 C 115.09922 60.700781 115.1 60.6 115 60.5 C 115 60.5 115.00039 60.400391 114.90039 60.400391 L 93.300781 29.5 C 91.200781 26.6 87.799219 24.800781 84.199219 24.800781 C 80.599219 24.800781 77.199609 26.6 75.099609 29.5 L 73.400391 31.900391 L 63.599609 31.900391 C 61.899609 31.900391 60.599609 33.200391 60.599609 34.900391 C 60.599609 36.600391 61.899609 37.900391 63.599609 37.900391 L 80 37.900391 C 81.2 37.900391 82.199219 38.800391 82.199219 39.900391 C 82.199219 41.000391 81.2 41.900391 80 41.900391 L 68 41.900391 C 67 41.900391 66.1 42.399219 65.5 43.199219 L 64 45.300781 L 52.900391 29.5 C 50.800391 26.6 47.400781 24.800781 43.800781 24.800781 z M 43.800781 30.800781 C 45.500781 30.800781 47 31.6 48 33 L 69.099609 63 L 69.099609 92.199219 C 69.099609 94.999219 66.8 97.199219 64 97.199219 L 23.599609 97.199219 C 20.799609 97.199219 18.5 94.899219 18.5 92.199219 L 18.5 63 L 39.599609 33 C 40.599609 31.6 42.100781 30.800781 43.800781 30.800781 z M 84.199219 30.900391 C 85.899219 30.900391 87.400391 31.699609 88.400391 33.099609 L 106.69922 59.099609 L 83.599609 59.099609 L 77.599609 50.599609 L 79.5 47.900391 L 80 47.900391 C 84.5 47.900391 88.199219 44.300391 88.199219 39.900391 C 88.199219 35.800391 85.1 32.5 81 32 C 81.9 31.3 82.999219 30.900391 84.199219 30.900391 z M 43.800781 34.900391 A 5 5 0 0 0 38.800781 39.900391 A 5 5 0 0 0 43.800781 44.900391 A 5 5 0 0 0 48.800781 39.900391 A 5 5 0 0 0 43.800781 34.900391 z M 75.099609 65 L 109.5 65 L 109.5 92.099609 C 109.5 94.899609 107.20039 97.099609 104.40039 97.099609 L 73.900391 97.099609 C 74.600391 95.699609 75.099609 93.899609 75.099609 92.099609 L 75.099609 65 z"/></svg>

src/components/Navbar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Image from "next/image";
-import LOGO from "../assets/logo/icons8-toolbox-64.svg";
+import LOGO from "../assets/werkzeugkasten.svg";
 
 interface NavProps {
   className?: string;
@@ -10,15 +10,9 @@ interface NavProps {
 const Navbar = (props: NavProps) => {
   return (
     <div className={`h-18 w-full p-3 ` + props.className}>
-      <nav className="bg-black text-white font-bold flex flex-row items-center justify-between">
+      <nav className="h-14 bg-black text-white font-bold flex flex-row items-center justify-between">
         <div className="justify-items-start flex flex-1 flex-row items-center">
-          <Image
+          <Image src={LOGO} alt="" width={70} height={70} className="invert" />
-            src={LOGO}
-            alt={""}
-            width={64}
-            height={64}
-            className="invert"
-          />
           <div className="text-white text-2xl ml-5">werkzeugkiste.</div>
         </div>
         <div className="flex flex-auto justify-center">