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. CodeIcon
  27. CopyIcon
  28. CornerDownRightIcon
  29. DeleteIcon
  30. DownloadIcon
  31. EditIcon
  32. EmailIcon
  33. EmailOpenIcon
  34. ExitIcon
  35. ExternalLinkIcon
  36. FacebookIcon
  37. FactoryIcon
  38. FileIcon
  39. FileTextIcon
  40. FilterIcon
  41. FlagFilledIcon
  42. FlagIcon
  43. GripIcon
  44. HelpIcon
  45. HistoryIcon
  46. HomeIcon
  47. InboxIcon
  48. InfoFilledIcon
  49. InfoIcon
  50. InstagramIcon
  51. LicenceBusinessIcon
  52. LicenceIcon
  53. LinkedInIcon
  54. LockIcon
  55. MenuIcon
  56. MinusIcon
  57. MoveLeftIcon
  58. MoveRightIcon
  59. PauseIcon
  60. PermitIcon
  61. PieChartIcon
  62. PlayIcon
  63. PlusIcon
  64. PrintIcon
  65. ProgressBlockedIcon
  66. ProgressDoingIcon
  67. ProgressNotRequiredIcon
  68. ProgressPausedIcon
  69. ProgressTodoIcon
  70. RotateLeftIcon
  71. RotateRightIcon
  72. ScrollbarArrowLeftIcon
  73. ScrollbarArrowRightIcon
  74. SearchIcon
  75. SettingsIcon
  76. StarFilledIcon
  77. StarIcon
  78. SuccessFilledIcon
  79. SuccessIcon
  80. ThumbsDownIcon
  81. ThumbsUpIcon
  82. TimerIcon
  83. TwitterIcon
  84. UnlockIcon
  85. UploadIcon
  86. UsersIcon
  87. WalletIcon
  88. WarningCircleIcon
  89. WarningFilledIcon
  90. WarningIcon
  91. WebsiteIcon
  92. XIcon
  93. ZoomInIcon
  94. ZoomOutIcon