css - css-in-js & react-icons：如何将 svg 图标传递给 css 剪辑路径属性？

Question

如何将从 react-icons 导入的 svg 图标传递给clipPath使用 css-in-js 样式的 jsx 元素中的 css 属性？（在这个例子中使用情感）。

import { FaStar } from 'react-icons/fa'; // the svg icon

...

<input
   type='radio'
   css={{        
       clipPath: **here** // I want to pass <FaStar/> here somehow.
   }}
\>