From 946a7780f688f15627439a9e9380861dbf525e43 Mon Sep 17 00:00:00 2001
From: airent106 <airent106@users.noreply.github.com>
Date: Thu, 15 Oct 2026 11:23:52 -0600
Subject: [PATCH] fix: Add custom Loadout favicons (SVG, ICO, PNG) replacing
 prototype Glimpse icon

---
 index.html               |   5 +++-
 public/favicon-16x16.png | Bin 0 -> 314 bytes
 public/favicon-32x32.png | Bin 0 -> 459 bytes
 public/favicon.ico       | Bin 0 -> 1308 bytes
 public/favicon.svg       |  49 +++++++++++++++++++++++++++++++++++++++
 5 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 public/favicon-16x16.png
 create mode 100644 public/favicon-32x32.png
 create mode 100644 public/favicon.ico
 create mode 100644 public/favicon.svg

diff --git a/index.html b/index.html
index 5af0c38..2770660 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,11 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <meta name="apple-mobile-web-app-title" content="Loadout" />
     <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="alternate icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="alternate icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <link rel="apple-touch-icon" href="/icon.svg" />
-    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
     <title>LOADOUT // Travel Manifest & Bag Allocation</title>
     <!-- Google Fonts for retro travel ephemera, boarding pass typography, and tactile monospace -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..20bb16819b694001adc1f35ebac9d27f4b1e7145
GIT binary patch
literal 314
zcmV-A0mc4_P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00032Nkl<Zc${No
zKmsD768{;90B>HuV1%(5NzsVSAQoJb+Yg+?5c6~}#}H$|XFIY6YzBh#GU778*dY*1
zw=`5Rn1~%`@W?vIaQ47@40Vj?2E4XlVvxTn*$ZMnRDWK~Ft3k+A*l#OO!UM*xOygZ
z&FG*fDx0C_$4`cD@1GW9Q^&+WAz(q~bX<LX7a}SN=l6aVR(`$b1w#n~1B0jwLvhE|
zw-7Z9!pa0)&<oX!4=^GJBFt~F07LdSx*AwOvfwivIj~@cGB7+xF_a0J12gsG$L|<6
zBa0(PBSv2M%_IbuWc~LJ&c-GV$_p5Q2$MwCj87b%Ezw<q4<Kh}0I-U3bTx7R6#xJL
M07*qoM6N<$g7L(9Q~&?~

literal 0
HcmV?d00001

diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..6707d580b511a2bb0f32908546a05111d992d924
GIT binary patch
literal 459
zcmV;+0W|)JP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80004!Nkl<Zc${No
zzyd@>CH^ze0K9qqf)QPekscP~a|jc?El0PDiQbl@JA#EA&D#&0#3|?LU`~=*OatM2
z7y#K#RtRA8Exu5}2UsX^0J)YT111J40TZ#~Wa(ohH4PX$1j5;853Gl?UtgQR;E{C@
zL!2T9ytY6Dko--_UKsnK`txEGh4cCt7?O(csuMl&kF+Rwjbu4B050>GC@~b|D-iC9
z%7(MQy?=@tIs^a{1BIa6;5VFpz2^nV`k5$oKuOPA6dL3RQbK`=QU@SgPSt{_<Lc|X
zs468<<a$2~D}&ggE)onxo529lLzDxE0l4BEpQEVi09=-V946|*P|U!~fEEHI6hyDl
z@-2D+gR5Y{X9hMsECfv<(r|1JWne%nF|hz9h5-glBi;clxIzGwU|{hqa7uuIf#Ewi
zKKc1Mk>VIT`1lc`7NqZk*$23JWVHu=GYMgcvHp8UHT6sk0}Pn3b(iqD9-nVWRS&Y8
zsB(airIe^=g1Ll&&H!d76S@FBEe8RtmeR9(4giJ>so0YX`+xud002ovPDHLkV1oG&
ByO;m~

literal 0
HcmV?d00001

diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..f987c0a5ee7d66658472ad7850c098b4b64ed075
GIT binary patch
literal 1308
zcmV+%1>^bv0096301yxW0000W04oCk044wc03aX$0000W0LuXY08s+~0EtjeM-2)Z
z3IG5A4M|8uQUCw|5C8xG5C{eU001BJ|6u?C0`f^jK~#90Rg=$aTvZguKj*&tCdp)e
zHkmZFW+7B*L6BImsR$MtsBXlCppcE=PsD})fZe$0$}YN4YIowsoeM#&8-EZ97Hfr~
zAQ~;PtvWL`GnvlJn|JR$<-W|u2aosQp6|Km`#s;U0JK_%&Zy|yf~={k07f<7eTc`1
z2uYH}-ykBY=$5Fw({A7XLKYX7pG5dvL}pc0V}1Ojr4r@2GA1!(S;lBMESdo-MHd~T
zJS7XQ<*P<yRaG5et+m|gc6s&9w|MUP4Q~FmL-W8QufO;LgS~z%AgDSKu|f4mGX=-F
zZEWupoXe@z>v#;?e{54fP)7v3D!GCI8!-`UR5b`lJcx{ICNN*AO>XYo_CIfZ$I{FQ
zy|qb5YgswLH!TbUL`=k*La<02`1q)BZB<>;df>g&zhA!c^oOr;^2VnuUOMl(JuaR*
zR{Q?iW5RlaFz}FoF%cMVZ>F%`6sn0ZQW+mfGIzalkPBPCxzFZzZ1Z6ESWS~rwG5}~
z!YDuln_^8wez2RXW<GMm484)|B=E$Uj%>Wq=b6WQ$G5wong`XsM+;z7U4cYk;x)Yc
zOXo%^OqS*jbME@x-jNeS9t_r8{KT@`PG-OA^#^lT+S}ib>W#9UU+@~VP=4A(PAyfM
zGlt0ryKuB#nwd2tzPw!GPRD3t#V3!n!tu3AE&Hi$%inYqNx;VOgF<RWP9Lf?5OmN+
z*H_Z=+ISvULgcXe`+rz@|K*2wPd>Vmop@*z$o>r&i^K`y8jTB(d#|a%=bp4;!en_t
zA&(XK<s}&pf(C-uyZahM8G=Q`SXBSZk(Yi&G^yIq&tAE7i@mG8Ky*n^)b)oOXZPmr
z`*Yy<=%0zHTht+@u(F7(imK~-tdlC$v_zKo8T(1Gqv*m~TE$ahknhn*GG~n`to*+)
z8TP~ER5T%AVhpE`)2OwGmB_<Ln1;!8I)8sH$g_%W1|)cmny3Usid;<JeY<Gzm=Ms-
zh>6&HM>&OaJ#z;I00000NkvXXu0mjfiBL{Q4GJ0x0000DNk~Le0000W0000W2nGNE
z0CReJ^Z)<>l1W5CRCt_YWWWMML?!++&;Y!7{elr)jFBD|<8ufTy)8$#i;3QrqdS6y
z9L?JgoWv>T>0nNhSxf`rdl&%OO;!kC^DVwm!3S6<aR9lNA_FD{DghI*<7DY$BsC2f
zI|RbnXAi80vtM7Ez~GT}5JQ|I2fVgG1d#kq$zB-yq5AV;6ovEp7#Na@@TwC%@sG49
zc#UK^H2^O2m?$w6<SP*FiOPnvzrBBo8af0369a{y+~7Bye!b@f$@-ZnbwEkaTNE1P
z2vS0UiBbn3TTa!2sN?GEyQnH9QRI3*3oC=zqAn5)M4Q0?(L<C2hyl3b9G|18>Hu7p
zfgC34!cfe>%YYUFBosui(ef>N0fVbx!Dj|GJuC!GA<}Sc4rO3KD>1PECWZk9Oe5X_
zEVx1dlwe@-EO1JIfq~&WI6nFLIg#QRJNWn!q86m@gV_hTd1SQ*elrPSh_U{AM>X|K
z3<C_9uyvR4xgMWyNL3HAo2YVtkfoHUXM(wefzAMCClk5=JuL?Ttd`QVdkz4G45`?Y
S3;Tco0000<MNUMnLSTaO6i);I

literal 0
HcmV?d00001

diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..cfb8239
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Loadout">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1E2633"/>
+      <stop offset="100%" stop-color="#0F141C"/>
+    </linearGradient>
+    <linearGradient id="luggage" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FF5A26"/>
+      <stop offset="100%" stop-color="#D93510"/>
+    </linearGradient>
+    <linearGradient id="tag" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FFE853"/>
+      <stop offset="100%" stop-color="#FFC700"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="16" fill="url(#bg)"/>
+  <rect x="1" y="1" width="62" height="62" rx="15" fill="none" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1"/>
+
+  <!-- Luggage Handle -->
+  <path d="M25 21 V15 C25 13.5 26.5 12 28 12 H36 C37.5 12 39 13.5 39 15 V21" fill="none" stroke="#CBD5E1" stroke-width="3" stroke-linecap="round"/>
+  <rect x="23" y="19" width="4" height="4" rx="1" fill="#475569"/>
+  <rect x="37" y="19" width="4" height="4" rx="1" fill="#475569"/>
+
+  <!-- Suitcase Body -->
+  <rect x="13" y="21" width="38" height="29" rx="5" fill="url(#luggage)"/>
+  
+  <!-- Suitcase Accents & Straps -->
+  <rect x="13" y="33" width="38" height="4" fill="#872205" opacity="0.6"/>
+  <rect x="22" y="21" width="3" height="29" fill="#1E2633" opacity="0.45"/>
+  <rect x="39" y="21" width="3" height="29" fill="#1E2633" opacity="0.45"/>
+
+  <!-- Wheels -->
+  <circle cx="20" cy="51" r="2.5" fill="#0F172A"/>
+  <circle cx="44" cy="51" r="2.5" fill="#0F172A"/>
+
+  <!-- Dangling Baggage Tag -->
+  <g transform="rotate(-15 36 21)">
+    <path d="M37 17 L37 23" stroke="#FFEBA8" stroke-width="1.3" stroke-linecap="round"/>
+    <polygon points="32,23 42,23 45,38 29,38" fill="url(#tag)"/>
+    <circle cx="37" cy="25.5" r="1.5" fill="#8B4513"/>
+    <line x1="32" y1="30" x2="42" y2="30" stroke="#1E2633" stroke-width="1.2" stroke-dasharray="2 1 1 1.5 2"/>
+    <line x1="33" y1="33" x2="41" y2="33" stroke="#1E2633" stroke-width="1.2" stroke-dasharray="1 1.5 2 1"/>
+    <line x1="33" y1="36" x2="41" y2="36" stroke="#1E2633" stroke-width="0.8"/>
+  </g>
+
+  <!-- Stamped Verified Badge -->
+  <circle cx="48" cy="46" r="6.5" fill="#FFD100" stroke="#1E2633" stroke-width="1"/>
+  <path d="M45.5 46.2 L47.2 47.8 L50.5 44.5" fill="none" stroke="#141518" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>