From bb2c8dddc679f7ed14d93fe313e39fa6de6636b2 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 16 Mar 2025 10:20:38 -0500
Subject: [PATCH] Refine entity icons

---
 src/components/primitives/EntityLink.tsx | 1 +
 src/components/primitives/Icon.tsx       | 3 ++-
 src/lens/PhotoLens.tsx                   | 7 ++++---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/primitives/EntityLink.tsx b/src/components/primitives/EntityLink.tsx
index 4faad900..9402a15e 100644
--- a/src/components/primitives/EntityLink.tsx
+++ b/src/components/primitives/EntityLink.tsx
@@ -89,6 +89,7 @@ export default function EntityLink({
               href && !badged && 'hover:text-gray-900 dark:hover:text-gray-100',
               classNameIcon,
             ),
+            classNameIcon: 'text-dim',
             debug,
           }}>
             {badged
diff --git a/src/components/primitives/Icon.tsx b/src/components/primitives/Icon.tsx
index a6d347e9..904c4d52 100644
--- a/src/components/primitives/Icon.tsx
+++ b/src/components/primitives/Icon.tsx
@@ -19,7 +19,8 @@ export default function Icon({
 }) {
   return (
     <span className={clsx(
-      'h-[1rem] *:translate-y-[2.5px]',
+      'h-[0.95rem]',
+      'sm:h-[1rem] *:translate-y-[2.5px]',
       wide ? 'w-[28px]' : 'w-[14px]',
       'inline-flex items-center justify-center',
       debug && 'bg-gray-300 dark:bg-gray-700',
diff --git a/src/lens/PhotoLens.tsx b/src/lens/PhotoLens.tsx
index 42f1e0dc..4e75f897 100644
--- a/src/lens/PhotoLens.tsx
+++ b/src/lens/PhotoLens.tsx
@@ -3,7 +3,7 @@ import { Lens, formatLensText } from '.';
 import EntityLink, {
   EntityLinkExternalProps,
 } from '@/components/primitives/EntityLink';
-import { TbCone } from 'react-icons/tb';
+import { RiCameraLensLine } from 'react-icons/ri';
 
 export default function PhotoLens({
   lens,
@@ -22,8 +22,9 @@ export default function PhotoLens({
     <EntityLink
       label={formatLensText(lens)}
       href={pathForLens(lens)}
-      icon={<TbCone
-        className="rotate-[270deg] translate-x-[-1px] translate-y-[-0.5px]"
+      icon={<RiCameraLensLine
+        size={14}
+        className="translate-x-[-0.5px] translate-y-[-0.5px]"
       />}
       type={type}
       className={className}