SVG Toolbox
Professional SVG toolbox: optimize and minify SVG code, convert to Base64 Data URI, React JSX component, and Vue component with instant live preview.
Original size: {{ originalBytes }} B
{{ lineCount }} lines
Minified:
{{ minifiedBytes }} B
Clean, optimized SVG without metadata and comments
1. Base64 Data URI (for <img src="..." />)
2. CSS Background Image
Converted to camelCase attributes (className, strokeWidth, fillRule, etc.)
Vue 3 Single File Component (SFC)
React Native SvgXml component using react-native-svg
Flutter SvgPicture.string widget using flutter_svg
Try other tools
Have an issue or feature request for this tool?
Feedback & Suggestions