From 18c593000a21d95e8ce3f283dc8f74b8b3e8162c Mon Sep 17 00:00:00 2001
From: Jared Schoeny <jared@schoeny.com>
Date: Fri, 24 Oct 2025 14:13:28 -1000
Subject: [PATCH] Change patch downloads symbol

---
 src/components/Hack/DownloadsBadge.tsx |  4 ++--
 src/components/HackCard.tsx            | 13 +++++--------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/Hack/DownloadsBadge.tsx b/src/components/Hack/DownloadsBadge.tsx
index 9a999a6..ba1c2da 100644
--- a/src/components/Hack/DownloadsBadge.tsx
+++ b/src/components/Hack/DownloadsBadge.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { FaDownload } from "react-icons/fa6";
+import { ImDownload } from "react-icons/im";
 import { formatCompactNumber } from "@/utils/format";
 import type { DownloadEvent } from "@/types/util";
 
@@ -28,7 +28,7 @@ export default function DownloadsBadge({ slug, initialCount }: { slug: string; i
         anim ? "scale-110 shadow-md font-bold" : ""
       }`}
     >
-      <FaDownload size={16} className="text-foreground/85" />
+      <ImDownload size={16} className="text-foreground/85" />
       <span>{formatCompactNumber(count)}</span>
     </div>
   );
diff --git a/src/components/HackCard.tsx b/src/components/HackCard.tsx
index 83283a1..ceb60fe 100644
--- a/src/components/HackCard.tsx
+++ b/src/components/HackCard.tsx
@@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { usePathname } from "next/navigation";
 import { FaRegImages } from "react-icons/fa6";
+import { ImDownload } from "react-icons/im";
 
 type CardHack = {
   slug: string;
@@ -142,14 +143,10 @@ export default function HackCard({ hack, clickable = true, className = "" }: { h
               </div>
               <p className="mt-1 text-xs text-foreground/60">By {hack.author}</p>
             </div>
-          <div className="flex items-center gap-1 text-sm text-foreground/70">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-              <polyline points="7 10 12 15 17 10" />
-              <line x1="12" y1="15" x2="12" y2="3" />
-            </svg>
-            <span>{formatCompactNumber(hack.downloads)}</span>
-          </div>
+            <div className="flex items-center gap-1 text-sm text-foreground/70">
+              <ImDownload size={16} />
+              <span>{formatCompactNumber(hack.downloads)}</span>
+            </div>
           </div>
           <p className="mt-2 line-clamp-2 text-sm text-foreground/70">
             {(() => {