SVG zu CSS

SVG in CSS background-image Data-URI umwandeln

Browser-VerarbeitungIhre Daten verlassen niemals Ihren Browser

Input SVG

Encoding Options

Usage Examples

CSS Background:

.element {
  background-image: url("data:image/svg+xml,...");
  background-repeat: no-repeat;
}

CSS List Marker:

li::marker {
  content: url("data:image/svg+xml,...");
}

CSS Cursor:

.custom-cursor {
  cursor: url("data:image/svg+xml,..."), auto;
}

About SVG zu CSS

SVG in CSS background-image Data-URI umwandeln

Use this free online svg-tools tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.