@ag.ds-next/icon

--- title: Icon description: The Agriculture Design System supports the use of universal system icons. The icon component is used to apply our set of universal icons to more complex components of the system. group: Foundations ---

Usage no npm install needed!

<script type="module">
  import agDsNextIcon from 'https://cdn.skypack.dev/@ag.ds-next/icon';
</script>

README

title: Icon description: The Agriculture Design System supports the use of universal system icons. The icon component is used to apply our set of universal icons to more complex components of the system. group: Foundations

<Stack gap={1} flexDirection="row" margin={1}>
    <Icon icon="avatar" size={3} />
    <Icon icon="progressTodo" size={3} />
    <Icon icon="progressDoing" size={3} />
    <Icon icon="progressDone" size={3} />
</Stack>

See the full list of available icons here.

Do you have a user need for new or missing icon? Get in touch to discuss an icon contribution.