SVG → CSS

Convert SVG to a CSS data URI.

SVG markup
CSS data URI

Related Data Converter tools

URL / Query String Parser
Parse and inspect URLs and query strings.
YAML → JSON
Convert YAML to JSON.
JSON → YAML
Convert JSON to YAML.
Number Base Converter
Convert numbers between binary, octal, decimal, hex.
JSON → CSV
Convert JSON arrays to CSV.
CSV → JSON
Convert CSV to JSON arrays.

About the SVG → CSS

What does the SVG → CSS do?
Convert SVG to a CSS data URI. GeekTool runs the SVG → CSS entirely in your browser — input never leaves your device.
Is the SVG → CSS free?
Yes. The SVG → CSS is part of GeekTool, a free suite of 50+ developer utilities. No sign-up, no ads inside the tool, no quotas.
Does the SVG → CSS send my data to a server?
No. All processing is client-side JavaScript. Your input stays in your browser tab — we never see it.