Generate SVG icons in TypeScript with color passed as param
Z
Zacharie Abidat
Here's what we would like Specify to generate:
interface Props {
color?: string
}
export default function wiFi({color = 'white'}: Props) {
return (
<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.28 7.93c5.424-5.232 14.016-5.232 19.44 0a1 1 0 0 1-.69 1.72 1 1 0 0 1-.69-.28c-4.651-4.496-12.029-4.496-16.68 0a1 1 0 0 1-1.38-1.44ZM12 9a9 9 0 0 0-6.47 2.75A1.012 1.012 0 0 0 7 13.14a7 7 0 0 1 10.08 0 1 1 0 0 0 .71.3 1 1 0 0 0 .72-1.69A9 9 0 0 0 12 9Zm-3.47 6.4a5 5 0 0 1 6.94 0 1 1 0 0 1-1.39 1.44 3.08 3.08 0 0 0-4.16 0 1 1 0 0 1-1.39-1.44Zm4.177 4.307a1 1 0 1 0-1.414-1.414 1 1 0 0 0 1.414 1.414Z"
fill={color}
/>
</svg>
)
}