Search AnyKit Tools

Type a tool name, tag, or category to quickly open any tool instantly.

AnyKit
AnyKit App

SVG to JSX

Convert SVG to React components

Source SVG
JSX Component
export const Icon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg width="100" height="100" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="40" stroke="black" strokeWidth="3" fill="red" />
  </svg>
);

Rules Applied

kebab-case to camelCase
Typed React components
Reserved keyword escaping
Functional components

Related Tools

SQL to JSONConvert SQL INSERT to JSON array
Curl to CodeConvert curl commands to JS, Python, Go
JSON to SQLGenerate SQL INSERT from JSON data
JSON5 to JSONConvert JSON5 to standard JSON
TOML ↔ YAMLConvert between TOML and YAML formats
JSON ↔ TOMLConvert between JSON and TOML formats