How to set a hover color on Icons?

Describe the bug Thank you very much for this library. Trying it out for the first time for a project, and I like the simplicity. Just wondering what is the best way to set a hover color? I tried _hover but that did not work? A workaround is using the css-prop. But then the themes colours are not used.

import { css } from "@emotion/core"
<Icon
  name="read"
  color="red"
  css={css`
     &:hover {
        color: white;
      }
  `}
/>

[franklinjavier]

@secretlifeof you can find in codebase. Try _hover props

  <PseudoBox
    as="button"
    bg="teal.500"
    py={2}
    px={4}
    ml={3}
    rounded="md"
    fontWeight="semibold"
    color="white"
    _hover={{ bg: "teal.600" }}
    _focus={{ boxShadow: "outline" }}
  >
    Sign Up
  </PseudoBox>

[arubua]

How can I do the same but with transform: scale?

_hover = { { transform: “scale(1.2)” } }