Icons
The Agriculture Design System supports the use of universal system icons.
Usage guidelines
When using an icon, always provide a label and accessible name. Don't use icons without labels because you will confuse some users - even the simplest icons will be new or uncommon to some users
Each icon in our library is meaningful and universal, to ensure users understand them. Icons should not be too detailed, to ensure it's clear at all sizes.
React component
The Icon component is used to apply our set of universal icons to more complex components of the system.
All icons
AlertFilledIcon
AlertIcon
ArrowDownIcon
ArrowLeftIcon
ArrowRightIcon
ArrowUpDownIcon
ArrowUpIcon
AvatarIcon
ChartBarIcon
ChartLineIcon
CheckIcon
ChevronDownIcon
ChevronLeftIcon
ChevronRightIcon
ChevronUpIcon
ChevronsLeftIcon
ChevronsRightIcon
ChevronsUpDownIcon
CloseIcon
CopyIcon
DeleteIcon
DownloadIcon
EditIcon
EmailIcon
ExitIcon
ExternalLinkIcon
FacebookIcon
FactoryIcon
FileIcon
FilterIcon
HelpIcon
HomeIcon
InboxIcon
InfoFilledIcon
InfoIcon
InstagramIcon
LinkedInIcon
MenuIcon
MinusIcon
PauseIcon
PlayIcon
PlusIcon
PrintIcon
ProgressBlockedIcon
ProgressDoingIcon
ProgressTodoIcon
SearchIcon
SettingsIcon
SuccessFilledIcon
SuccessIcon
ThumbsDownIcon
ThumbsUpIcon
TwitterIcon
UploadIcon
WarningFilledIcon
WarningIcon
WebsiteIcon