Icons

Icons should be used to maximize readability and reduce cognitive load when you need highlight a particular action or part of the page.
ActivityIcon
AddIcon
AdminIcon
AllowlistIcon
ArrowDownIcon
ArrowLeftIcon
ArrowRightIcon
ArrowUpIcon
AuctionIcon
BaseIcon
BasketIcon
BellFilledIcon
BellOutlineIcon
BlockscoutIcon
BookmarkEmptyIcon
BookmarkFilledIcon
BrowseIcon
BurgerIcon
CalendarAddIcon
CartIcon
CheckIcon
ChevronDownIcon
ChevronLeftIcon
ChevronRightIcon
ChevronUpIcon
CloseIcon
CommentIcon
CopyIcon
CreateCollectionIcon
CreateIcon
CsvIcon
DecreaseSizeIcon
DesignIcon
DesktopIcon
DisconnectIcon
DiscordIcon
DownloadIcon
DragIcon
DropCollectionIcon
DropsIcon
DynamicPriceIcon
EarningsIcon
EditIcon
EditionCollectionIcon
EditionsIcon
EllipsisIcon
EnsIcon
EnterIcon
ErrorIcon
EthereumIcon
EtherscanIcon
ExhibitionIcon
ExitFullscreenIcon
ExternalIcon
FacebookIcon
FarcasterIcon
FeedIcon
FilterIcon
FireIcon
FlagIcon
FullscreenIcon
GithubIcon
GizmoIcon
GoogleIcon
GridIcon
GridSmallIcon
HammerIcon
HelpIcon
HideIcon
HighlightIcon
HomeIcon
HomeOutlineIcon
ImageAddIcon
ImageIcon
IncreaseSizeIcon
InfoIcon
InstagramIcon
InviteIcon
LayoutLargeIcon
LayoutSmallIcon
LayoutWideIcon
LikeIcon
LinktreeIcon
ListIcon
LiveIcon
LiveOfferIcon
LoadingIcon
LockIcon
LockTimeIcon
MailIcon
ManifoldIcon
MintIcon
MintsIcon
MinusIcon
MobileIcon
MomentIcon
MoonIcon
MutedIcon
NftIcon
NotificationBellIcon
NotificationsIcon
NotificationsOnIcon
OfferIcon
OpenCollectionIcon
OpenEditionIcon
OpenseaIcon
OrganizeIcon
OwnershipIcon
PauseIcon
PercentageIcon
PlayIcon
PlusIcon
ProfileIcon
PropertiesIcon
RebateIcon
ReminderIcon
RemixIcon
RemoveIcon
ReturnIcon
RewardsIcon
RodeoHomeFilledIcon
RodeoHomeIcon
RodeoIcon
RodeoNotificationBellFilledIcon
RodeoNotificationBellIcon
RodeoSearchFilledIcon
RodeoSearchIcon
RodeoShareIcon
RodeoTagIcon
SearchIcon
SelectIcon
SettingsIcon
ShareIcon
ShuffleIcon
SnapchatIcon
SortIcon
SparklesIcon
SplitIcon
StarIcon
StarOutlineIcon
StoreIcon
SuccessIcon
SunIcon
SuperrareIcon
SwapIcon
TagIcon
TextBodyIcon
TextH1Icon
TextH2Icon
TextItalicsIcon
TextLinkIcon
TextQuoteIcon
TextStrikethoughIcon
TiktokIcon
TimeIcon
TimerLockIcon
TrashIcon
TrendingIcon
TwitterIcon
Type139Icon
TypeBoldIcon
UnhideIcon
UnlinkIcon
UnmutedIcon
UploadIcon
UserIcon
UsersIcon
VerifiedIcon
WaitingIcon
WarningIcon
Web3ActionIcon
WorldIcon
XIcon
YoutubeIcon
ZoraIcon

Principals

Style

Our icons are simple and functional. They are all drawn to be immediately recognisable and are usually used in combination with meaningful text to create accessible communication. Icons shouldn’t include unnessasary decoration or complexity.

Size

All our icons are drawn at 16x16px to make sure they work at small sizes. Our icons can be scaled as needed, but always consider the context of the icon when adjusting the size to ensure balance with the surrounding UI elements. Icons should not be used larger than 32x32px.

Color

Icons should always be single color and are most often black or white. Alternate colors can be applied to icons to call attention to important actions, such as red for error messages.