chore: SVG favicon with dark mode support (#5)

* Dark mode supporting favicon

* Update public/favicon.svg

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
This commit is contained in:
Johann Schopplich 2020-08-11 20:20:47 +02:00 committed by GitHub
parent dbd1a9fe43
commit 1aa4de1f7e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 7 deletions

View File

@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<title>Vitesse</title> <title>Vitesse</title>
</head> </head>
<body> <body>

View File

@ -1,6 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"> <style>
<path path { fill: #222; }
d="M27.562 26L17.17 8.928l2.366-3.888L17.828 4L16 7.005L14.17 4l-1.708 1.04l2.366 3.888L4.438 26H2v2h28v-2zM16 10.85L25.22 26H17v-8h-2v8H6.78z" @media (prefers-color-scheme: dark) {
fill="#fff" /> path { fill: #ffffff; }
}
</style>
<path d="M27.562 26L17.17 8.928l2.366-3.888L17.828 4L16 7.005L14.17 4l-1.708 1.04l2.366 3.888L4.438 26H2v2h28v-2zM16 10.85L25.22 26H17v-8h-2v8H6.78z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 347 B