artsy · pvinis · Feb 2, 2023 · Feb 2, 2023 · Feb 2, 2023
diff --git a/lib/elements/Banner/Banner.tsx b/lib/elements/Banner/Banner.tsx
@@ -3,7 +3,7 @@ import { Animated, Easing, Image, TextProps, TouchableOpacity } from "react-nati
 import { FlexProps } from "styled-system"
 import { Flex } from "../../atoms"
 import { useColor } from "../../hooks"
-import { HelpIcon } from "../../svgs"
+import { QuestionCircleIcon } from "../../svgs"
 import { Text } from "../Text"
 
 export interface BannerProps {
@@ -77,7 +77,7 @@ export const Banner = ({
                 hitSlop={{ bottom: 40, right: 40, left: 40, top: 40 }}
               >
                 {/* TODO: fix this by adding an X icon */}
-                <HelpIcon />
+                <QuestionCircleIcon />
               </TouchableOpacity>
             </Flex>
           )}

diff --git a/lib/elements/Header/ArtsyLogoHeader.tsx b/lib/elements/Header/ArtsyLogoHeader.tsx
@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native"
 import { Box, Flex, Spacer } from "../../atoms"
-import { ArtsyLogoIcon } from "../../svgs"
+import { ArtsyLogoBlackIcon } from "../../svgs"
 
 interface Props {
   shadow?: boolean
@@ -9,7 +9,7 @@ export const ArtsyLogoHeader = ({ shadow = false }: Props) => (
   <>
     <Box mt={2} mb={1} style={shadow ? styles.boxShadowStyle : {}}>
       <Flex alignItems="center">
-        <ArtsyLogoIcon scale={0.75} />
+        <ArtsyLogoBlackIcon scale={0.75} />
       </Flex>
       <Spacer x="1" />
     </Box>

diff --git a/lib/svgs/ArtsyLogoBlackIcon.tsx b/lib/svgs/ArtsyLogoBlackIcon.tsx
@@ -16,6 +16,3 @@ export const ArtsyLogoBlackIcon = ({ scale = 1, fill, ...restProps }: ArtsyLogoB
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const ArtsyLogoIcon = ArtsyLogoBlackIcon
diff --git a/lib/svgs/ArtsyMarkBlackIcon.tsx b/lib/svgs/ArtsyMarkBlackIcon.tsx
@@ -12,6 +12,3 @@ export const ArtsyMarkBlackIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const ArtsyMarkIcon = ArtsyMarkBlackIcon
diff --git a/lib/svgs/CheckCircleFillIcon.tsx b/lib/svgs/CheckCircleFillIcon.tsx
@@ -13,6 +13,3 @@ export const CheckCircleFillIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const CircleBlackCheckIcon = CheckCircleFillIcon
diff --git a/lib/svgs/CheckCircleIcon.tsx b/lib/svgs/CheckCircleIcon.tsx
@@ -13,7 +13,3 @@ export const CheckCircleIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove these aliases once clients have been updated
-export const CircleWhiteCheckIcon = CheckCircleIcon
-export const WinningBidIcon = CheckCircleIcon
diff --git a/lib/svgs/CloseCircleFillIcon.tsx b/lib/svgs/CloseCircleFillIcon.tsx
@@ -0,0 +1,16 @@
+import { useColor } from "../hooks"
+import { Icon, IconProps, Path } from "./Icon"
+
+export const CloseCircleFillIcon: React.FC<IconProps> = (props) => {
+  const color = useColor()
+  return (
+    <Icon {...props} viewBox="0 0 18 18">
+      <Path
+        d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17ZM12.502 6.28005L9.78199 9.00005L12.502 11.72L11.72 12.502L8.99999 9.78205L6.27999 12.502L5.49799 11.72L8.21799 9.00005L5.49799 6.28005L6.27999 5.49805L8.99999 8.21805L11.72 5.49805L12.502 6.28005Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill={color(props.fill)}
+      />
+    </Icon>
+  )
+}
diff --git a/lib/svgs/CloseCircleIcon.tsx b/lib/svgs/CloseCircleIcon.tsx
@@ -13,6 +13,3 @@ export const CloseCircleIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const LosingBidIcon = CloseCircleIcon
diff --git a/lib/svgs/EstablishedIcon.tsx b/lib/svgs/EstablishedIcon.tsx
@@ -13,6 +13,3 @@ export const EstablishedIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const TopEstablishedIcon = EstablishedIcon
diff --git a/lib/svgs/EyeClosedIcon.tsx b/lib/svgs/EyeClosedIcon.tsx
@@ -13,6 +13,3 @@ export const EyeClosedIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const ClosedEyeIcon = EyeClosedIcon
diff --git a/lib/svgs/EyeOpenedIcon.tsx b/lib/svgs/EyeOpenedIcon.tsx
@@ -12,6 +12,3 @@ export const EyeOpenedIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const OpenEyeIcon = EyeOpenedIcon
diff --git a/lib/svgs/GuaranteeIcon.tsx b/lib/svgs/GuaranteeIcon.tsx
@@ -0,0 +1,27 @@
+import { useColor } from "../hooks"
+import { ClipPath, Defs, G } from "react-native-svg"
+import { Icon, IconProps, Path } from "./Icon"
+
+export const GuaranteeIcon: React.FC<IconProps> = ({ ...props }) => {
+  const color = useColor()
+
+  return (
+    <Icon {...props} viewBox="0 0 24 24">
+      <G clipPath="url(#clip0_2759_41684)" fillRule="evenodd" clipRule="evenodd">
+        <Path
+          d="M6.745 17.505a27.925 27.925 0 003.948 3.102 2.287 2.287 0 002.564 0 29.072 29.072 0 003.729-3.142 11.347 11.347 0 003.11-4.934.814.814 0 00-.611-.976.814.814 0 00-.977.602 9.826 9.826 0 01-2.678 4.168 26.87 26.87 0 01-3.517 2.947.635.635 0 01-.725 0 26.254 26.254 0 01-3.72-2.923 9.508 9.508 0 01-2.84-4.208 13.84 13.84 0 01-.18-3.143c0-.716.073-1.383.122-1.88.31 0 .692.065 1.1.081a7.97 7.97 0 002.441-.22 8.14 8.14 0 002.394-1.286c.407-.3.765-.594 1.042-.814.276.236.635.538 1.042.814A7.88 7.88 0 0015.43 6.98a.814.814 0 10.431-1.572 6.34 6.34 0 01-1.872-1.025 14.385 14.385 0 01-1.335-1.116.977.977 0 00-1.343 0c-.428.396-.876.768-1.344 1.116A6.643 6.643 0 018.08 5.417a6.325 6.325 0 01-1.954.154 15.212 15.212 0 01-1.628-.146.977.977 0 00-1.09.87c-.042.408-.147 1.474-.18 2.67-.074 1.188 0 2.38.22 3.55a11.095 11.095 0 003.297 4.99z"
+          fill={color(props.fill!)}
+        />
+        <Path
+          d="M11.89 8.893a.82.82 0 00-1.083 1.229l2.442 2.173a.969.969 0 001.351.09l5.96-5.593a.815.815 0 00-1.116-1.188l-5.438 5.128-2.116-1.84z"
+          fill={color(props.fill!)}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_2759_41684">
+          <Path fill={color(props.fill!)} d="M0 0H24V24H0z" />
+        </ClipPath>
+      </Defs>
+    </Icon>
+  )
+}
diff --git a/lib/svgs/ImageIcon.tsx b/lib/svgs/ImageIcon.tsx
@@ -0,0 +1,19 @@
+import { useColor } from "../hooks"
+import { Icon, IconProps, Path } from "./Icon"
+
+export const ImageIcon: React.FC<IconProps> = (props) => {
+  const color = useColor()
+
+  return (
+    <Icon {...props} viewBox="0 0 18 18">
+      <Path
+        d="M16 2H2c-.265 0-.52.098-.707.272A.896.896 0 001 2.929V14.07c0 .247.105.483.293.657.187.174.442.272.707.272h14c.265 0 .52-.098.707-.272a.896.896 0 00.293-.657V2.93a.896.896 0 00-.293-.657A1.04 1.04 0 0016 2zM2 14.071V2.93h14V14.07H2z"
+        fill={color(props.fill)}
+      />
+      <Path
+        d="M4.46 6.643c.298 0 .588-.082.834-.235a1.42 1.42 0 00.553-.625 1.3 1.3 0 00.085-.805c-.058-.27-.2-.518-.41-.713a1.539 1.539 0 00-.768-.381 1.608 1.608 0 00-.867.08 1.482 1.482 0 00-.673.512 1.323 1.323 0 00-.253.774c0 .37.158.724.44.985a1.56 1.56 0 001.06.408zm0-2.136c.16 0 .315.042.447.123a.759.759 0 01.297.333.694.694 0 01.047.43.728.728 0 01-.218.38.82.82 0 01-.41.205.857.857 0 01-.462-.041.79.79 0 01-.36-.274.706.706 0 01-.135-.413.717.717 0 01.234-.52.832.832 0 01.56-.218v-.005zM11.39 7.279l-2.7 2.507-2-1.857a.52.52 0 00-.352-.135.52.52 0 00-.352.135L2.96 10.775v1.314l3.395-3.153L8 10.441l-1.875 1.74H7.5l4.225-3.923L15 11.286v-1.31L12.096 7.28a.52.52 0 00-.353-.135.52.52 0 00-.352.135z"
+        fill={color(props.fill)}
+      />
+    </Icon>
+  )
+}
diff --git a/lib/svgs/InstitutionIcon.tsx b/lib/svgs/InstitutionIcon.tsx
@@ -17,6 +17,3 @@ export const InstitutionIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const MuseumIcon = InstitutionIcon
diff --git a/lib/svgs/MapPinIcon.tsx b/lib/svgs/MapPinIcon.tsx
@@ -13,6 +13,3 @@ export const MapPinIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const LocationIcon = MapPinIcon
diff --git a/lib/svgs/Payment2Icon.tsx b/lib/svgs/Payment2Icon.tsx
@@ -0,0 +1,17 @@
+import { useColor } from "../hooks"
+import { Icon, IconProps, Path } from "./Icon"
+
+export const Payment2Icon: React.FC<IconProps> = (props) => {
+  const color = useColor()
+
+  return (
+    <Icon {...props} viewBox="0 0 18 18">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.5 3a.5.5 0 00-.5.5v11a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-15zM2 14V7h14v7H2zm0-8h14V4H2v2zm5 3H3v1h4V9z"
+        fill={color(props.fill)}
+      />
+    </Icon>
+  )
+}
diff --git a/lib/svgs/QuestionCircleIcon.tsx b/lib/svgs/QuestionCircleIcon.tsx
@@ -13,6 +13,3 @@ export const QuestionCircleIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const HelpIcon = QuestionCircleIcon
diff --git a/lib/svgs/SecureLockIcon.tsx b/lib/svgs/SecureLockIcon.tsx
@@ -0,0 +1,29 @@
+import { useColor } from "../hooks"
+import { Icon, IconProps, Path } from "./Icon"
+
+export const SecureLockIcon: React.FC<IconProps> = ({ ...props }) => {
+  const color = useColor()
+
+  return (
+    <Icon viewBox="0 0 24 24" {...props}>
+      <Path
+        fill={color(props.fill!)}
+        fillRule="evenodd"
+        d="M8.928 5.29c-.49.608-.678 1.514-.678 2.71v1.5a.75.75 0 01-1.5 0V8c0-1.286.187-2.63 1.01-3.651C8.61 3.292 9.997 2.75 12 2.75s3.39.542 4.24 1.599c.823 1.02 1.01 2.365 1.01 3.651v1.5a.75.75 0 01-1.5 0V8c0-1.196-.188-2.102-.678-2.71-.462-.574-1.325-1.04-3.072-1.04s-2.61.466-3.072 1.04z"
+        clipRule="evenodd"
+      />
+      <Path
+        fill={color(props.fill!)}
+        fillRule="evenodd"
+        d="M5.78 10.78c-.324.324-.53.965-.53 2.47v1.5c0 1.505.206 2.146.53 2.47.324.324.965.53 2.47.53h7.5c1.505 0 2.146-.206 2.47-.53.324-.324.53-.965.53-2.47v-1.5c0-1.505-.206-2.146-.53-2.47-.324-.324-.965-.53-2.47-.53h-7.5c-1.505 0-2.146.206-2.47.53zM4.72 9.72c.8-.801 2.035-.97 3.53-.97h7.5c1.495 0 2.73.169 3.53.97.801.8.97 2.035.97 3.53v1.5c0 1.495-.169 2.73-.97 3.53-.8.801-2.035.97-3.53.97h-7.5c-1.495 0-2.73-.169-3.53-.97-.801-.8-.97-2.035-.97-3.53v-1.5c0-1.495.169-2.73.97-3.53z"
+        clipRule="evenodd"
+      />
+      <Path
+        fill={color(props.fill!)}
+        fillRule="evenodd"
+        d="M11.95 11.5c-.992 0-1.75.751-1.75 1.733 0 .751.525 1.387 1.225 1.618V16.122c0 .347.233.578.583.578s.584-.231.584-.578V14.851a1.71 1.71 0 001.108-1.618c0-.982-.758-1.733-1.75-1.733zm0 1.156c.35 0 .583.23.583.577s-.233.578-.583.578-.583-.231-.583-.578c0-.346.291-.577.583-.577z"
+        clipRule="evenodd"
+      />
+    </Icon>
+  )
+}
diff --git a/lib/svgs/StarCircleIcon.tsx b/lib/svgs/StarCircleIcon.tsx
@@ -0,0 +1,28 @@
+import { useColor } from "../hooks"
+import { Icon, IconProps, Path } from "./Icon"
+
+export const StarCircleIcon: React.FC<IconProps> = (props) => {
+  const color = useColor()
+  return (
+    <Icon {...props} viewBox="0 0 18 18" preserveAspectRatio="none">
+      <Path
+        d="M16.1114 8.19C16.1114 12.4371 12.6684 15.88 8.4214 15.88C4.17436 15.88 0.731445 12.4371 0.731445 8.19C0.731445 3.94293 4.17436 0.5 8.4214 0.5C12.6684 0.5 16.1114 3.94293 16.1114 8.19Z"
+        fill={color(props.fill)}
+        fillRule="nonzero"
+      />
+      <Path
+        d="M16.1114 8.19C16.1114 12.4371 12.6684 15.88 8.4214 15.88C4.17436 15.88 0.731445 12.4371 0.731445 8.19C0.731445 3.94293 4.17436 0.5 8.4214 0.5C12.6684 0.5 16.1114 3.94293 16.1114 8.19Z"
+        fill="white"
+        fillRule="nonzero"
+        scale={0.9}
+        translateX={0.8}
+        translateY={0.8}
+      />
+      <Path
+        d="M8.39642 4C8.55418 4 8.6984 4.08913 8.76895 4.23023L9.84305 6.37846L12.2048 6.72199C12.3617 6.74481 12.492 6.85469 12.541 7.00545C12.59 7.15621 12.5491 7.32171 12.4356 7.43237L10.7167 9.10834L11.1034 11.4714C11.1289 11.6275 11.0638 11.7847 10.9352 11.877C10.8067 11.9693 10.6369 11.9807 10.4971 11.9065L8.39642 10.7919L6.2957 11.9065C6.15592 11.9807 5.98617 11.9693 5.85761 11.877C5.72906 11.7847 5.6639 11.6275 5.68946 11.4714L6.07613 9.10834L4.3572 7.43237C4.2437 7.32171 4.20286 7.15621 4.25184 7.00545C4.30082 6.85469 4.43114 6.74481 4.588 6.72199L6.94979 6.37846L8.0239 4.23023C8.09445 4.08913 8.23867 4 8.39642 4ZM8.39642 5.34782L7.59755 6.94557C7.5366 7.06748 7.41985 7.15185 7.28498 7.17147L5.54275 7.42488L6.81294 8.66333C6.91027 8.75823 6.95517 8.89465 6.93322 9.0288L6.64714 10.7771L8.2012 9.95246C8.32329 9.88768 8.46956 9.88768 8.59164 9.95246L10.1457 10.7771L9.85963 9.0288C9.83767 8.89465 9.88257 8.75823 9.9799 8.66333L11.2501 7.42488L9.50787 7.17147C9.37299 7.15185 9.25625 7.06748 9.19529 6.94557L8.39642 5.34782Z"
+        fill={color(props.fill)}
+        fillRule="nonzero"
+      />
+    </Icon>
+  )
+}
diff --git a/lib/svgs/Tag2Icon.tsx b/lib/svgs/Tag2Icon.tsx
@@ -0,0 +1,25 @@
+import { useColor } from "../hooks"
+import { ClipPath, Defs } from "react-native-svg"
+import { G, Icon, IconProps, Path } from "./Icon"
+
+export const Tag2Icon: React.FC<IconProps> = (props) => {
+  const color = useColor()
+
+  return (
+    <Icon {...props} viewBox="0 0 18 18">
+      <G clipPath="url(#clip0_2381_10824)">
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.276 3.759a1 1 0 01.774.29l6.557 6.558a1 1 0 010 1.414l-4.95 4.95a1 1 0 01-1.414 0l-6.557-6.557a1 1 0 01-.291-.774L3.705 5c.004-.067.014-.131.031-.193l-.918-.918a.5.5 0 01.707-.707l.918.918c.062-.017.126-.027.193-.032l4.64-.31zm-4.618 1.97l-.265 3.977 6.557 6.558 4.95-4.95-6.558-6.557-3.977.265L7.12 6.778a1.5 1.5 0 11-.707.707L4.658 5.729zm3.463 2.05a.5.5 0 10-.707.706.5.5 0 00.707-.707z"
+          fill={color(props.fill)}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_2381_10824">
+          <Path fill="#fff" d="M0 0H18V18H0z" />
+        </ClipPath>
+      </Defs>
+    </Icon>
+  )
+}
diff --git a/lib/svgs/UserMultiIcon.tsx b/lib/svgs/UserMultiIcon.tsx
@@ -13,6 +13,3 @@ export const UserMultiIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const GroupIcon = UserMultiIcon
diff --git a/lib/svgs/UserSingleIcon.tsx b/lib/svgs/UserSingleIcon.tsx
@@ -13,6 +13,3 @@ export const UserSingleIcon = ({ fill, ...restProps }: IconProps) => {
     </Icon>
   )
 }
-
-// TODO: remove this alias once clients have been updated
-export const SoloIcon = UserSingleIcon
diff --git a/lib/svgs/index.tsx b/lib/svgs/index.tsx
@@ -30,6 +30,7 @@ export * from "./CheckCircleFillIcon"
 export * from "./CheckCircleIcon"
 export * from "./CheckIcon"
 export * from "./ChevronIcon"
+export * from "./ClockFill"
 export * from "./CloseCircleIcon"
 export * from "./CloseIcon"
 export * from "./CollapseIcon"
@@ -53,6 +54,7 @@ export * from "./GraphIcon"
 export * from "./HeartFillIcon"
 export * from "./HeartIcon"
 export * from "./HomeIcon"
+export * from "./ImageIcon"
 export * from "./IncreaseIcon"
 export * from "./InfoCircleIcon"
 export * from "./InstagramAppIcon"
@@ -71,15 +73,19 @@ export * from "./MoreIcon"
 export * from "./NoArtworkIcon"
 export * from "./NoImageIcon"
 export * from "./PageIcon"
+export * from "./Payment2Icon"
 export * from "./PaymentIcon"
 export * from "./PublicationIcon"
 export * from "./QuestionCircleIcon"
 export * from "./ReloadIcon"
+export * from "./SecureLockIcon"
 export * from "./SettingsIcon"
 export * from "./ShareIcon"
 export * from "./ShieldIcon"
 export * from "./StarCircleFill"
+export * from "./StarCircleIcon"
 export * from "./Stopwatch"
+export * from "./Tag2Icon"
 export * from "./TagIcon"
 export * from "./TimerIcon"
 export * from "./TopEmergingIcon"