categories.svg.title
svg-react
All-in-one developer toolkit with 50+ free online tools. JSON formatter, Regex tester, Base64 encoder, QR code generator, Markdown editor, Color converter, Unit converter, CSS generator, and more. 100% client-side, privacy-first.
svgreactcomponentjsxtsx
SVG to React Component
Options
import React, { FC, SVGProps } from 'react';
interface MyIconProps extends SVGProps<SVGSVGElement> {
size?: number;
}
export const MyIcon: FC<MyIconProps> = ({ size, width, height, fill = 'currentColor', stroke = 'currentColor', className, ...rest }) => (
<svg role="img" aria-label="Icon" viewBox="0 0 24 24" width={width || 24} height={height || 24} fill={fill} stroke={stroke} className={className} {...rest} xmlns="http://www.w3.org/2000/svg">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<polyline points="22 4 12 14.01 9 11.01"/>
</svg>
);
export default MyIcon;