es
Español
Todas las herramientas
SVG a JSX
Convierte SVG en un componente React (JSX).
Nombre del componente
Entrada SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v8"/></svg>
Componente JSX
Copiar
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> ); }
Compartir esta herramienta