HeronTool
English▾
Log in
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Home › Image & Media › SVG to CSS

SVG to CSS

Convert an SVG into a CSS background data URI.

SVG CSS Convert
Input Text
Output

How to Use

  1. Paste SVG markup
  2. Get a CSS background data URI
  3. Copy the CSS

Use Cases

Inline icons, email templates and lightweight CSS.

Processed locally in your browser; nothing is uploaded.

Comment / Report / My Annotations

Please sign in first — Log in

Please sign in first — Log in

Please sign in first — Log in

Related Tools
Image Compressor Compress JPEG/PNG/WebP locally by quality. Compress Image Converter Convert images between PNG/JPEG/WebP locally. Convert QR Code Generator Type text or a URL and get a downloadable QR code instantly. Generate Image Cropper Drag to select a region and crop & download images in the browser. Edit Image Resizer Resize an image to target dimensions in-browser and download. Edit Image to Base64 Convert an image to a Base64 Data URL for inline use. Convert PNG to JPG Convert PNG images to JPG format. Convert JPG to WebP Convert JPG to smaller WebP. Convert