How to create a custom marker for an li with React Icons and Styled Components

li.jsx

styled.li`
  &::marker {
    color: var(--black);
    // Use as a list symbol a React Icons icon
    content: ${() => {
      return css`
        url("data:image/svg+xml;charset=UTF-8,${ReactDOMServer.renderToString(
          <IoChevronForwardCircleOutline />
        ).replaceAll('"', "'")}")
      `
    }
};
`