Design & Assets
SVG to Data URI
Convert SVG markup into a CSS-ready data URI.
Input
SVG to Data URI
svgdata uricssconverter
Output
SVG data URI
data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 40%22%3E%3Crect width=%22120%22 height=%2240%22 fill=%22%23111%22/%3E%3Ctext x=%2260%22 y=%2225%22 font-size=%2214%22 fill=%22%23fff%22 text-anchor=%22middle%22%3EToolsmith%3C/text%3E%3C/svg%3E
SVG preview
Related tools
Color Converter
Convert between HEX, RGB, and HSL color formats.
CSS Gradient Generator
Generate a linear gradient and copy the CSS instantly.
Favicon Generator
Create a simple SVG favicon from initials and brand colors.
SVG Optimizer
Strip comments and collapse whitespace in SVG markup.
CSS Minifier
Minify CSS by removing comments and extra whitespace.
CSS Formatter
Pretty-print CSS with readable indentation.