Free SVG to JSX Converter Online - Convert SVG for React
Convert SVG code to React JSX format instantly. Free online SVG to JSX converter for React developers. No signup needed.
Convert SVG code to React JSX format instantly. Free online SVG to JSX converter for React developers. No signup needed.
Transform SVG into production-ready React components
interface SvgIconProps extends React.SVGProps<SVGSVGElement> {
size?: number;
}
const SvgIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(({ size, ...props }: SvgIconProps, ref) => (
<svg
ref={ref}
width={size ?? 24}
height={size ?? 24}
{...props}
>
<circle cx="12" cy="12" r="10"/>
<path d="M8 14s1.5 2 4 2 4-2 4-2"/>
<line x1="9" y1="9" x2="9.01" y2="9"/>
<line x1="15" y1="9" x2="15.01" y2="9"/>
</svg>
));
SvgIcon.displayName = "SvgIcon";
export default SvgIcon;import SvgIcon from './SvgIcon';
function App() {
return (
<SvgIcon
size={32}
className="text-neutral-500"
/>
);
}