diff --git a/src/display.ts b/src/display.ts
index 6dd95640..037a83c6 100644
--- a/src/display.ts
+++ b/src/display.ts
@@ -111,7 +111,7 @@ const drawFeature = (
     return;
   }
   if (
-    ["hat", "hat2", "hat3"].includes(face.accessories.id) &&
+    ["hat", "hat2", "hat3", "santa-hat"].includes(face.accessories.id) &&
     info.name == "hair"
   ) {
     if (
diff --git a/svgs/accessories/santa-hat.svg b/svgs/accessories/santa-hat.svg
new file mode 100644
index 00000000..b5cb66c0
--- /dev/null
+++ b/svgs/accessories/santa-hat.svg
@@ -0,0 +1,9 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 600" width="400" height="600">
+    <title>santa-hat</title>
+    <g style="stroke-width:4;stroke-dasharray:none;stroke:#000;">
+        <path id="hat" fill="#e50002" d="m 204.118,12.581 c 44.053,5.207 82.098,34.575 106.744,70.256 17.4,30.59 22.988,65.894 29.743,99.936 0.014,15.957 -38.856,3.35 -24.646,21.315 6.183,15.237 20.596,24.822 28.022,39.538 -6.987,0.815 -15.66,-16.406 -22.091,-23.504 -3.622,-7.03 -18.154,-20.231 -16.55,-21.579 11.614,9.198 -13.416,9.044 -19.587,11.984 -16.88,3.894 -33.656,-1.806 -49.346,-7.434 -37.115,-9.539 -76.32,-8.59 -113.69,-1 -19.084,-1.921 -39.751,5.175 -51.412,20.892 C 17.195792,237.22863 62.144231,157.46845 66.64,136.67 82.643,85.782 116.224,36.721 166.878,15.757 c 11.936,-3.975 24.803,-4.91 37.24,-3.176 z m -145.054,148.425 0.381,0.762 z" transform="matrix(1.07804 0 0 .99936 -10.658 8.588)"/>
+        <path id="shadow" fill="#000" d="m 204.498,58.618 c 20.966,16.414 44.98,30.07 60.258,52.558 20.108,23.59 35.078,50.952 50.856,77.464 -0.96,13.924 -11.366,-12.16 -15.932,-16.272 -9.23,-13.468 -18.608,-27.188 -29.963,-38.837 -9.202,-4.94 -37.294,-9.661 -19.4,-21.771 1.6,-16.75 -19.334,-21.953 -31.171,-27.225 -8.971,-4.45 -33.49,-9.023 -26.343,-21.7 4.009,-0.599 9.838,0.586 11.695,-4.217 z" transform="matrix(1.07804 0 0 .99936 -10.658 8.588)"/>
+        <path id="brim" fill="#eeeaef" d="m 266.763,160.322 c 16.084,3.856 34.547,7.029 44.511,21.795 14.95629,-3.34219 27.03006,-10.40533 47.01,6.195 20.474,14.437 21.662,48.968 0.205,63.163 -14.62,11.7 -32.88,4.982 -47.47,-2.567 -33.974,-14.258 -66.167,-35.054 -103.221,-40.255 -33.858,-2.455 -67.095,7.656 -98.782,18.388 C 93.298,233.557 78.792,242.56 63.422,249.803 43.912,247.193 40.258991,220.73596 37.580991,206.11696 33.933991,186.63496 53.151,167.399 73.806,166.772 c 25.65,-5.1 51.1,-11.51 77.333,-12.963 16.17787,-2.06483 82.59801,-5.7617 115.624,6.513 z" transform="matrix(1.07804 0 0 .99936 -10.658 8.588)"/>
+        <path id="circle" fill="#eeeaef" d="m 313.05362,181.75078 c -19.434,5.846 -23.64719,35.08104 -21.43762,51.26522 3.87641,19.56464 20.43896,20.56582 35.71609,23.36355 l 5.11101,0.57972" transform="matrix(1.07804 0 0 .99936 -10.658 8.588)"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svgs/hair/short-fade-2.svg b/svgs/hair/short-fade-2.svg
new file mode 100644
index 00000000..09206439
--- /dev/null
+++ b/svgs/hair/short-fade-2.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 600" width="400" height="600">
+    <defs>
+        <linearGradient id="shortfade" gradientUnits="userSpaceOnUse"  x1="200" y1="100" x2="200" y2="310">
+            <stop offset="0" stop-color="rgba(0,0,0,.25)"  />
+            <stop offset="1" stop-color="rgba(0,0,0,0)"  />
+        </linearGradient>
+    </defs>
+    <style>
+        .short_fade { fill: url(#shortfade);stroke: none}
+    </style>
+    <g id="short fade">
+        <path id="Short Fade" class="short_fade" d="M 60.381563,308.85531 50,310 v -10 c 0,-140 50,-200 150,-200 100,0 150,60 150,200 v 10 h -10 v -20 c 0,-5 -9.61844,-18.47375 -14.61844,-23.47375 2.24676,-26.46988 -24.23479,-42.91148 -25.30221,-67.28937 -0.14247,-49.4237 -103.05402,10.03414 -103.13186,9.92064 0.035,0.0531 -96.53953,-59.54974 -97.408406,-9.53908 C 94.966801,221.73292 85.703752,245.83555 75,265.38156 70,270.38156 60,285 60,290 Z" />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/tools/lib/genders.js b/tools/lib/genders.js
index a3550c24..f0ac462e 100644
--- a/tools/lib/genders.js
+++ b/tools/lib/genders.js
@@ -7,6 +7,7 @@ export const genders = {
     "headband-high": "both",
     headband: "both",
     none: "both",
+    "santa-hat": "both",
   },
   body: {
     body: "both",
@@ -234,6 +235,7 @@ export const genders = {
     shaggy2: "both",
     "short-bald": "male",
     "short-fade": "male",
+    "short-fade-2": "male",
     short: "male",
     short2: "male",
     short3: "both",