Convertitore da SVG a React JSX / TSX e Vue

Trasforma icone SVG in componenti React TSX, React JSX o Vue 3 con un clic, convertendo automaticamente gli attributi in camelCase e supportando currentColor.

Oppure incolla / modifica il codice SVG direttamente qui sotto
import type { SVGProps } from "react"

export function SvgIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="128" height="64" viewBox="0 0 128 64" {...props}>
  
  
  <rect x="16.12" y="12.57" width="96" height="40" rx="8" fill="currentColor" stroke="currentColor" strokeWidth="2"/>
  <circle cx="44.89" cy="32.44" r="10.25" fill="currentColor"/>
</svg>
  )
}

export default SvgIcon

Specifiche tecniche e privacy locale

Elaborazione
100% locale nel browser (nessun caricamento)
Motore principale
SVGR Attribute AST Mapper (React TSX / JSX / Vue 3)
Licenza e costi
Gratuito, senza filigrana, senza registrazione

Domande frequenti

Trasforma icone SVG in componenti React TSX, React JSX o Vue 3 con un clic, convertendo automaticamente gli attributi in camelCase e supportando currentColor. (100% locale nel browser (nessun caricamento))