Free online SVG to React JSX component converter. Paste SVG code and convert to React components instantly. Handles camelCase attributes, stroke/fill processing, className replacement. Real-time preview and one-click copy. Perfect for React developers. Client-side only.
将SVG图标转换为React组件后，你可以像使用普通React组件一样使用SVG，通过props动态控制颜色、大小等属性。这样可以避免直接内联SVG代码的冗余，提高代码复用性，并且可以统一管理图标组件。
转换后的组件接收size和color两个props。size控制图标的宽高（默认24px），color控制填充和描边颜色（currentColor）。你可以在使用组件时传入自定义值，如
本转换器支持标准的SVG元素和属性转换，包括矩形、圆形、路径、多边形、线条、文本等。会正确处理stroke、fill、opacity等视觉属性，以及viewBox等元数据。复杂的SVG动画（SMIL）和外部引用可能不支持。