SVG zu JSX

SVG-Markup in eine React-Komponente (JSX) konvertieren.

Komponentenname

SVG-Eingabe

JSX-Komponente

export function MyIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v8"/></svg>
  );
}

Dieses Tool teilen