IconButton

<IconButton icon={<Plus />} />

<Wrap gap="md">
  <IconButton colorScheme="primary" variant="primary" icon={<Plus />} />
  <IconButton colorScheme="secondary" variant="outline" icon={<Minus />} />
  <IconButton colorScheme="warning" variant="ghost" icon={<Sun />} />
  <IconButton colorScheme="danger" variant="link" icon={<Moon />} />
  <IconButton variant="unstyled" icon={<Check />} />
</Wrap>

<Wrap gap="md">
  <IconButton colorScheme="primary" size="xs" icon={<Plus />} />
  <IconButton colorScheme="secondary" size="sm" icon={<Minus />} />
  <IconButton colorScheme="warning" size="md" icon={<Sun />} />
  <IconButton colorScheme="danger" size="lg" icon={<Moon />} />
</Wrap>

<Wrap gap="md">
  <IconButton
    isDisabled
    colorScheme="primary"
    variant="primary"
    icon={<Plus />}
  />
  <IconButton
    isDisabled
    colorScheme="secondary"
    variant="outline"
    icon={<Minus />}
  />
  <IconButton isDisabled colorScheme="warning" variant="ghost" icon={<Sun />} />
  <IconButton isDisabled colorScheme="danger" variant="link" icon={<Moon />} />
  <IconButton isDisabled variant="unstyled" icon={<Check />} />
</Wrap>