better pin icon

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/pin.svg'
+import Pin from '../svgs/pushpin-line.svg'
 
 export default function Item ({ item, rank, children }) {
   const mine = item.mine

components/item.module.css

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

svgs/pushpin-line.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="M13.828 1.686l8.486 8.486-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.415zm.708 3.536l-4.671 4.67-2.822.565 6.5 6.5.564-2.822 4.671-4.67-4.242-4.243z"/></svg>