Agriculture Design System
Beta
Design System for the Export Service

Icons

The Agriculture Design System supports the use of universal system icons.

Usage guidelines

When using an icon, prefer also adding an accessible label and making it discoverable to all users. When an icon’s purpose is clearly conveyed by its accompanying context and will not provide additional benefit to screen reader users, keep it as decorative.

Each icon in our library is meaningful and universal, to ensure users understand them. Icons should not be too detailed, to ensure they’re clear at all sizes.

When using an icon with a button or link, the icon should appear before the text except when the icon indicates direction, e.g. Next or external links.

React component

The Icon component is used to apply our set of universal icons to more complex components of the system.

All icons

  1. AlertCircleIcon
  2. AlertFilledIcon
  3. AlertIcon
  4. ArchiveIcon
  5. ArrowDownIcon
  6. ArrowLeftIcon
  7. ArrowRightIcon
  8. ArrowUpDownIcon
  9. ArrowUpIcon
  10. AttachmentIcon
  11. AvatarIcon
  12. BusinessIcon
  13. CalendarIcon
  14. ChartBarIcon
  15. ChartLineIcon
  16. CheckIcon
  17. ChevronDownIcon
  18. ChevronLeftIcon
  19. ChevronRightIcon
  20. ChevronUpIcon
  21. ChevronsLeftIcon
  22. ChevronsRightIcon
  23. ChevronsUpDownIcon
  24. ClockIcon
  25. CloseIcon
  26. CopyIcon
  27. CornerDownRightIcon
  28. DeleteIcon
  29. DownloadIcon
  30. EditIcon
  31. EmailIcon
  32. EmailOpenIcon
  33. ExitIcon
  34. ExternalLinkIcon
  35. FacebookIcon
  36. FactoryIcon
  37. FileIcon
  38. FileTextIcon
  39. FilterIcon
  40. FlagFilledIcon
  41. FlagIcon
  42. GripIcon
  43. HelpIcon
  44. HistoryIcon
  45. HomeIcon
  46. InboxIcon
  47. InfoFilledIcon
  48. InfoIcon
  49. InstagramIcon
  50. LicenceBusinessIcon
  51. LicenceIcon
  52. LinkedInIcon
  53. LockIcon
  54. MenuIcon
  55. MinusIcon
  56. MoveLeftIcon
  57. MoveRightIcon
  58. PauseIcon
  59. PermitIcon
  60. PieChartIcon
  61. PlayIcon
  62. PlusIcon
  63. PrintIcon
  64. ProgressBlockedIcon
  65. ProgressDoingIcon
  66. ProgressNotRequiredIcon
  67. ProgressPausedIcon
  68. ProgressTodoIcon
  69. RotateLeftIcon
  70. RotateRightIcon
  71. ScrollbarArrowLeftIcon
  72. ScrollbarArrowRightIcon
  73. SearchIcon
  74. SettingsIcon
  75. StarFilledIcon
  76. StarIcon
  77. SuccessFilledIcon
  78. SuccessIcon
  79. ThumbsDownIcon
  80. ThumbsUpIcon
  81. TimerIcon
  82. TwitterIcon
  83. UnlockIcon
  84. UploadIcon
  85. UsersIcon
  86. WalletIcon
  87. WarningCircleIcon
  88. WarningFilledIcon
  89. WarningIcon
  90. WebsiteIcon
  91. XIcon
  92. ZoomInIcon
  93. ZoomOutIcon