Mirror of my GitHub Pages site
Personalize favicon
Spenser Black
(Jun 29, 2026, 6:41 PM EDT)
8f09d8d3
968ea06c
+43
-7
+5
.editorconfig
+5
.editorconfig
public/favicon.ico
public/favicon.ico
This is a binary file and will not be displayed.
+23
-7
public/favicon.svg
+23
-7
public/favicon.svg
···
1
1
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
2
-
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
3
-
<style>
4
-
path { fill: #000; }
5
-
@media (prefers-color-scheme: dark) {
6
-
path { fill: #FFF; }
7
-
}
8
-
</style>
2
+
<style>
3
+
* { fill: #FFF; }
4
+
@media (prefers-color-scheme: light) {
5
+
* { fill: #000; }
6
+
}
7
+
</style>
8
+
<circle cx="44" cy="32" r="16" />
9
+
<path d="
10
+
M28 64
11
+
h32
12
+
l-24 48
13
+
h-16
14
+
Z
15
+
"
16
+
/>
17
+
<path d="
18
+
M100 16
19
+
V112
20
+
h8
21
+
V16
22
+
Z
23
+
"
24
+
/>
9
25
</svg>
+15
scripts/ico.sh
+15
scripts/ico.sh
···
1
+
#!/bin/sh
2
+
command_exists() {
3
+
command -v "$1" > /dev/null 2>&1
4
+
}
5
+
6
+
if ! command_exists convert || ! command_exists inkscape; then
7
+
echo "ImageMagick and Inkscape is required." 1>&2
8
+
exit 1
9
+
fi
10
+
11
+
SCRIPT="$(readlink -f "$0")"
12
+
ROOT="$(dirname "$(dirname "$SCRIPT")")"
13
+
cd "$ROOT"
14
+
15
+
convert -density 256x256 -background black public/favicon.svg -define icon:auto-resize=16,32,48,64,256 public/favicon.ico