Guides

These articles describe what the tools on this site already do. They are notes for people reading the component, the preview, or the optimizer output. They do not report traffic, rankings, or testimonials.

• How SVG attributes become JSX props

  How this site's SVGR converter turns class, stroke-width, fill-rule, and style into JSX props, and which names it leaves alone.

• What currentColor changes

  The currentColor switch is off by default. When it is on, SVGO rewrites solid colors and gradient paint, which can flatten a gradient.

• What the sanitizer removes

  Scripts, event handlers, foreignObject, unsafe URLs, and document-type declarations are stripped before preview, conversion, and download.

• What Optimize keeps

  Optimize runs SVGO preset-default with multipass. It keeps viewBox, width, height, title, and meaningful desc text, and it does not turn on currentColor.

Where the behavior lives

JSX and TSX conversion runs in the browser with SVGR. The sanitizer runs before that conversion, before the preview, and again after Optimize. The converter, the JSX page, and the TSX page share that pipeline. The optimizer page uses the same SVGO preset and the same sanitizer, and it does not turn on currentColor.