SVG to CSS Background Converter

SVG to CSS

SVG TO CSS BACKGROUND CONVERTER

Herhangi bir SVG görüntüsünü, daha sonra arka plan olarak kullanabileceğiniz geçerli CSS koduna dönüştürün. Marwat-tech.com'dan SVG'den CSS'ye dönüştürme aracı. SVG kodunuzu yapıştırın veya örnek kodu yapıştırmak için Örnek'e tıklayın. SVG grafiğini CSS arka planına dönüştürün.

• Animated SVG
• CSS Inline SVG
• Clippath SVG
• SVG with gradients

External quotes: single / double

About tool

We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere.

SVG must have attribute xmlns like this: xmlns='http: //www.w3.org/2000/svg'. If it doesn't exist, it will be added automagically.

Encoded SVG can be used in background, in border-image or in mask (live demo).

Insert SVG:

Take encoded:

You may place encoded SVG here to decode it back

Ready for CSS:

Preview:

Background:

Project by marwat tech