diff options
| -rw-r--r-- | pages/_app.tsx | 2 | ||||
| -rw-r--r-- | public/favicon.png | bin | 0 -> 13855 bytes | |||
| -rw-r--r-- | public/favicon.svg | 19 |
3 files changed, 21 insertions, 0 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 651d05d..919e6e3 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -11,6 +11,8 @@ export default function VierOpEenRijWebsite({ Component, pageProps }) { <Head> <title>4 op een rij</title> <link rel="stylesheet" href="/font/stylesheet.css"/> + <link rel="icon" href="/favicon.svg" type="image/svg+xml"/> + <link rel="icon" href="/favicon.png" type="image/png"/> </Head> <PreferencesContextWrapper> <ToastContextWrapper> diff --git a/public/favicon.png b/public/favicon.png Binary files differnew file mode 100644 index 0000000..15b2b22 --- /dev/null +++ b/public/favicon.png diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..a168733 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,19 @@ +<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> + <style> + .red { fill: #E16D82; } + .green { fill: #73D0C5; } + .outline { + stroke: #5D737E; + stroke-width: 2px; + } + + @media (prefers-color-scheme: dark) { + .outline { stroke: #FCFFFD; } + } + </style> + <circle class="red" cx="6.5" cy="6.5" r="4.5"/> + <circle class="green" cx="6.5" cy="17.5" r="4.5"/> + <circle class="red" cx="17.5" cy="17.5" r="4.5"/> + <circle class="outline" cx="17.5" cy="6.5" r="3.5"/> +</svg> + |
