Outline camera icon

src/camera/PhotoCamera.tsx

@@ -1,10 +1,10 @@
 import { AiFillApple } from 'react-icons/ai';
 import { pathForCamera } from '@/app/paths';
-import { IoMdCamera } from 'react-icons/io';
 import { Camera, formatCameraText, isCameraApple } from '.';
 import EntityLink, {
   EntityLinkExternalProps,
 } from '@/components/primitives/EntityLink';
+import { TbCamera } from 'react-icons/tb';
 
 export default function PhotoCamera({
   camera,
@@ -33,9 +33,9 @@ export default function PhotoCamera({
           className="translate-x-[-1px] translate-y-[-0.5px]"
           size={15}
         />
-        : <IoMdCamera
-          size={13}
-          className="translate-x-[-0.5px]"
+        : <TbCamera
+          size={15}
+          className="translate-x-[-0.5px] translate-y-[1px]"
         />}
       type={type}
       className={className}

src/components/primitives/Icon.tsx

@@ -19,7 +19,7 @@ export default function Icon({
 }) {
   return (
     <span className={clsx(
-      'h-[18px] md:h-[20px]',
+      'h-[18px]',
       wide ? 'w-[28px]' : 'w-[14px]',
       'inline-flex items-center justify-center',
       debug && 'bg-gray-300 dark:bg-gray-700',

src/components/primitives/LabeledIcon.tsx

@@ -25,7 +25,7 @@ export default function LabeledIcon({
 }) {
   return (
     <span className={ clsx(
-      'inline-flex gap-x-1 md:gap-x-1.5 min-w-0',
+      'inline-flex gap-x-1.5 md:gap-x-2 min-w-0',
       classNameProp,
       debug && 'border border-green-500 m-[-1px]',
     )}>