⚡
CyberCraft Studio
100% Client-Side Compiler

SVG to JSX / React Component

Instantly transform and clean raw SVG icons into high-performance, type-safe React / Next.js components.

Paste Raw SVG
Ready React / Next.js ComponentTSX
import React, { forwardRef, SVGProps } from 'react';

export interface IconLightningProps extends SVGProps<SVGSVGElement> {}

export const IconLightning = forwardRef<SVGSVGElement, IconLightningProps>(
  (props, ref) => {
    return (
      <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
  <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
</svg>
    );
  }
);

IconLightning.displayName = 'IconLightning';
export default IconLightning;