filled pushpin icon in grey

components/item.js

@@ -5,7 +5,7 @@ import UpVote from './upvote'
 import { useEffect, useRef, useState } from 'react'
 import Countdown from './countdown'
 import { NOFOLLOW_LIMIT } from '../lib/constants'
-import Pin from '../svgs/pushpin-line.svg'
+import Pin from '../svgs/pushpin-fill.svg'
 
 export default function Item ({ item, rank, children }) {
   const mine = item.mine

components/item.module.css

@@ -17,7 +17,7 @@
 }
 
 .pin {
-    fill: var(--theme-color);
+    fill: #a5a5a5;
     margin-right: .2rem;
 }
 

svgs/pushpin-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M22.314 10.172l-1.415 1.414-.707-.707-4.242 4.242-.707 3.536-1.415 1.414-4.242-4.243-4.95 4.95-1.414-1.414 4.95-4.95-4.243-4.242 1.414-1.415L8.88 8.05l4.242-4.242-.707-.707 1.414-1.415z"/></svg>