hxx/vitesse
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Activity

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

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

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

15
public/favicon.svg
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"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32">
<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"
fill="#fff" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<style>
path { fill: #222; }
@media (prefers-color-scheme: dark) {
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>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 347 B