feat: add favicon icons in PNG, ICO, and SVG formats

This commit is contained in:
2026-03-06 18:47:17 -06:00
parent d5ec0d25ae
commit f4ad0bd9de
6 changed files with 177 additions and 0 deletions

BIN
public/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 773 B

BIN
public/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 361 KiB

146
public/favicon.svg Normal file
View File

@@ -0,0 +1,146 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath18-5">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-900.36955,-982.1127)"
id="path18-6" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath16-2">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-1121.3406,-984.5247)"
id="path16-9" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14-1">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-1166.4306,-571.09469)"
id="path14-2" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath12-7">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-833.56555,-568.67474)"
id="path12-0" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath10-9">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-1003.9206,-978.73275)"
id="path10-3" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath8-6">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-606.82952,-1591.4017)"
id="path8-0" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath6-6">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-1400.4006,-1591.4017)"
id="path6-2" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath4-6">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-862.51052,-672.39472)"
id="path4-1" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2-8">
<path
d="M 0,2000 H 2000 V 0 H 0 Z"
transform="translate(-1144.7205,-672.39472)"
id="path2-7" />
</clipPath>
</defs>
<g
id="g1"
transform="matrix(0.21333333,0,0,0.21300855,276.48,196.25889)"
style="fill:#eeeeee;fill-opacity:1;paint-order:markers fill stroke;stroke:#111111;stroke-opacity:1;stroke-width:9.38214458;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round">
<path
id="path173"
d="M 0,0 V 281.011 L 145.56,378.7 193.8,496.063 -38.59,395.585 48.25,712.774 274.98,903.33 c 0,0 71.16,-55.478 137.49,-172.464 V 436.59 Z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,67.4332,899.72155)"
clip-path="url(#clipPath2-8)" />
<path
id="path174"
d="M 0,0 V 281.011 L -145.554,378.7 -193.796,496.063 38.593,395.585 -48.242,712.774 -274.978,903.33 c 0,0 -71.156,-55.48 -137.488,-172.466 V 436.59 Z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,-251.2672,899.72155)"
clip-path="url(#clipPath4-6)" />
<path
id="path175"
d="m 0,0 -194.55,-164.022 66.71,253.269 c 0,0 91.66,-50.654 127.84,-89.247"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,356.1732,-212.59967)"
clip-path="url(#clipPath6-6)" />
<path
id="path176"
d="M 0,0 194.55,-164.022 127.841,89.247 C 127.841,89.247 36.181,38.593 0,0"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,-540.00824,-212.59967)"
clip-path="url(#clipPath8-6)" />
<path
id="path177"
d="m 0,0 68.44,50.654 183.32,677.795 c 0,0 -231.56,229.147 -501.714,0 33.769,-118.192 183.318,-677.8 183.318,-677.8 z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,-91.5725,528.94505)"
clip-path="url(#clipPath10-9)" />
<path
id="path178"
d="m 0,0 -26.533,74.78 -410.054,446.234 -2.412,168.845 -156.785,-118.192 -125.429,-69.95 -108.543,-106.132 173.669,28.945 176.083,-94.071 -14.473,-50.654 L -62.714,-9.64 Z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,-283.95482,1025.2591)"
clip-path="url(#clipPath12-7)" />
<path
id="path179"
d="M 0,0 26.54,74.77 436.59,521.006 439,689.851 595.79,571.659 721.21,501.709 829.76,395.578 656.09,424.522 480.01,330.451 494.48,279.798 62.72,-9.65 Z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,91.9503,1022.3302)"
clip-path="url(#clipPath14-1)" />
<path
id="path180"
d="M 0,0 28.58,66.523 170.31,141.547 148.07,83.058 Z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,41.03,521.93465)"
clip-path="url(#clipPath16-2)" />
<path
id="path181"
d="m 0,0 -28.579,66.523 -141.731,75.024 22.241,-58.489 z"
style="display:inline;fill-opacity:1;fill-rule:evenodd;paint-order:markers fill stroke"
transform="matrix(1.1293021,0,0,-1.2103512,-208.5129,524.85405)"
clip-path="url(#clipPath18-5)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@@ -27,6 +27,10 @@ export const Route = createRootRoute({
},
{
title: 'Juggernaut Plays Blog'
},
{
name: 'description',
content: 'Juego con cosas y luego hablo de ello.'
}
],
links: [
@@ -45,6 +49,33 @@ export const Route = createRootRoute({
{
rel: 'stylesheet',
href: FONTAWESOME_STYLES
},
{
rel: 'icon',
type: 'image/svg+xml',
href: '/favicon.svg'
},
{
rel: 'icon',
type: 'image/x-icon',
href: '/favicon.ico'
},
{
rel: 'icon',
type: 'image/png',
sizes: '16x16',
href: '/favicon-16x16.png'
},
{
rel: 'icon',
type: 'image/png',
sizes: '32x32',
href: '/favicon-32x32.png'
},
{
rel: 'apple-touch-icon',
sizes: '180x180',
href: '/favicon-apple-touch.png'
}
]
}),