Skip to content
oanor
Sign up free
Marketplace Pricing Features Sign in
GET /v1/datauri

SVG to CSS data URI

Try it live

10 free calls per day — no sign-up, no API key. Goes through the oanor gateway.

Custom headers (optional)
api.oanor.com/svgo-api

It works. Grab an API key and use it in your project.

Get an API key

Code snippets

curl "https://api.oanor.com/svgo-api/v1/datauri" \
  -H "x-oanor-key: oanor_test_..."
await fetch("https://api.oanor.com/svgo-api/v1/datauri", {
  headers: { "x-oanor-key": "oanor_test_..." }
});
$ch = curl_init("https://api.oanor.com/svgo-api/v1/datauri");
curl_setopt($ch, CURLOPT_HTTPHEADER, ["x-oanor-key: oanor_test_..."]);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$out = curl_exec($ch);
import requests
requests.get(
    "https://api.oanor.com/svgo-api/v1/datauri",
    headers={"x-oanor-key": "oanor_test_..."}
)

Example response

A real response from this endpoint, captured by the latest health check.

{
    "data": {
        "css": "background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='red' d='M0 0h100v100H0z'/%3E%3C/svg%3E\");",
        "datauri": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='red' d='M0 0h100v100H0z'/%3E%3C/svg%3E",
        "encoding": "uri",
        "optimized_bytes": 109
    },
    "meta": {
        "timestamp": "2026-06-02T16:51:47.361Z",
        "request_id": "b6c55ece-4955-4cab-b44d-73caf33b94ae"
    },
    "status": "ok",
    "message": "SVG to CSS data URI",
    "success": true
}