← Back to Tools

Input SVG

Paste SVG Code

Or Upload SVG File

Color Customization

Find Color

Replace With

Click any icon to load it:

Upload or paste SVG to preview

Original

Optimized

Lines

Paths

Groups

CSS background-image (Data URI)

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

Base64 Data URI

Size: 0B
Compression: Base64 is ~33% larger than original

URL-Encoded Data URI (Smaller)

Size: 0B
Benefit: ~35% smaller than Base64

HTML IMG Tag

CSS mask-image (For Color Control)

Usage: Apply any color without modifying the SVG
mask-image: url('data:...');