Gets icon prop and passing it into styled() function

I am getting icon props and passing it to styled function:

const IconComponent = ({ isActive, icon }) => {
   const StyledIcons = styled(icon)`
      fill: #1f6ed4;
      & path {
         fill: ${(props) => (props.isActive ? '#1F6ED4' : '#232323')};
      }
   `
   return <StyledIcons isActive={isActive} />
}

To create stylized icons based on it. It works. But I am getting warnings like below: