All Artsy icons can be found below. To use, import them from the main package and invoke them as a React component:

import { CheckIcon } from "@artsy/palette"

const IsHighestBidder = () => {
  return (
    <Box>
      <CheckIcon />
    </Box>
  )
}

Adding New Icons

Upload your .svg to SVGtoJSX, copy the output, and then follow the patterns outlined in this example PR.

Icon List

Unfollow
AddCircleFillIcon
Unfollow
PlusIcon
Follow
AddCircleIcon
Add
AddIcon
Submit your artwork
AddItemIcon
AlertCircleFillIcon
AlertCircleFillIcon
Alert
AlertIcon
Reveal more
ArrowDownCircleIcon
Reveal more
ArrowDownIcon
Navigate left
ArrowLeftCircleIcon
Navigate left
ArrowLeftIcon
Navigate right
ArrowRightCircleIcon
Navigate right
ArrowRightIcon
Reveal less
ArrowUpCircleIcon
Reveal less
ArrowUpIcon
Artsy
ArtsyLogoBlackIcon
Artsy
ArtsyLogoIcon
Artsy
ArtsyLogoWhiteIcon
Artsy
ArtsyMarkBlackIcon
Artsy
ArtsyMarkIcon
Artsy
ArtsyMarkWhiteIcon
Artwork
ArtworkIcon
Risk-free sales
ArtworkWithBadgeIcon
Match and sell
ArtworkWithCheckIcon
Auction
AuctionIcon
Unwatch lot
BellFillIcon
Watch lot
BellIcon
Blue chip status
BlueChipIcon
Briefcase
BriefcaseIcon
Calendar
CalendarIcon
Certificate
CertificateIcon
Uncheck
CheckCircleFillIcon
Uncheck
CircleBlackCheckIcon
Check
CheckCircleIcon
Check
CircleWhiteCheckIcon
Check
WinningBidIcon
Check
CheckIcon
Navigate right
ChevronIcon
Close
CloseCircleIcon
Close
LosingBidIcon
Close
CloseIcon
Collapse
CollapseIcon
credit card
CreditCardIcon
Decrease
DecreaseIcon
View orders
DocumentIcon
Download
DownloadIcon
Drag
DragIcon
Earn More
EarnMoreIcon
Edit
EditIcon
Select
EnterIcon
Send email
EnvelopeIcon
Established
EstablishedIcon
Established
TopEstablishedIcon
Expand
ExpandIcon
Hide
EyeClosedIcon
Hide
ClosedEyeIcon
View
EyeOpenedIcon
View
OpenEyeIcon
Facebook
FacebookIcon
Fair
FairIcon
Filter
FilterIcon
Genome
GenomeIcon
View dashboard
GraphIcon
Unsave
HeartFillIcon
Save
HeartIcon
Home
HomeIcon
Increase
IncreaseIcon
More info
InfoCircleIcon
Instagram
InstagramIcon
Institution
InstitutionIcon
Institution
MuseumIcon
Speed and efficiency
LightningBoltIcon
Loading
LoaderIcon
Locked
LockIcon
Account logout
LogoutIcon
Account logout
PowerIcon
Search
MagnifyingGlassIcon
Location
MapPinIcon
Location
LocationIcon
Menu
MenuIcon
Send message
MessageIcon
MoneyFillIcon
View more
MoreIcon
Receive multiple offers
MultipleOffersIcon
No artwork image
NoArtworkIcon
No image
NoImageIcon
Page
PageIcon
Payment
PaymentIcon
Pending
PendingCircleIcon
Publication
PublicationIcon
Publication
BookIcon
More info
QuestionCircleIcon
More info
HelpIcon
Pending
ReceiptIcon
Refresh
ReloadIcon
Settings
SettingsIcon
Share
ShareIcon
Page
TagIcon
Time remaining
TimerIcon
Top emerging
TopEmergingIcon
Trash
TrashIcon
Triangle Down
TriangleDownIcon
Twitter
TwitterIcon
Group
UserMultiIcon
Group
GroupIcon
User
UserSingleIcon
User
SoloIcon
Insights-driven matching
UserWithChartIcon
Verified
VerifiedIcon
Watching
WatchingIcon
WeChat
WeChatIcon
Clear
XCircleIcon

ChevronIcon

This is a meta component that wraps the four directional arrows and accepts a left, right, up, down direction. By default it uses right:

Reveal lessReveal moreNavigate leftNavigate right
<Flex justifyContent="space-evenly" width="100%">
  <ChevronIcon direction="up" height="40px" width="40px" />
  <ChevronIcon direction="down" height="40px" width="40px" />
  <ChevronIcon direction="left" height="40px" width="40px" />
  <ChevronIcon direction="right" height="40px" width="40px" />
</Flex>

CreditCardIcon

This is a meta component that wraps the four designed credit card types and provides a fallback when the type is unknown:

amexdiscovermastercardcredit cardvisa
<Flex justifyContent="space-evenly" width="100%">
  <CreditCardIcon type="American Express" height="40px" width="40px" />
  <CreditCardIcon type="Discover" height="40px" width="40px" />
  <CreditCardIcon type="MasterCard" height="40px" width="40px" />
  <CreditCardIcon type="Unknown" height="40px" width="40px" />
  <CreditCardIcon type="Visa" height="40px" width="40px" />
</Flex>
On this page
Adding New Icons
Icon List
ChevronIcon
CreditCardIcon