Refine entity icons

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

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',

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
+      icon={<RiCameraLensLine
-        className="rotate-[270deg] translate-x-[-1px] translate-y-[-0.5px]"
+        size={14}
+        className="translate-x-[-0.5px] translate-y-[-0.5px]"
       />}
       type={type}
       className={className}