📐

SVG Viewer & Sanitizer

100% Client-Side

Render, inspect, scale, and sanitize SVG markup in-browser with automatic stripping of dangerous script tags and event handlers.

SVG Code

SVG Preview

ViewBox: 0 0 100 100

Width: 100px

Height: 100px

How to Use SVG Viewer & Sanitizer

Paste SVG XML

Paste vector code directly into the editor or upload an .svg file.

Inspect & Render

Preview the rendered vector with zoom and dark/light background toggles.

Sanitize & Download

Strip malicious scripts and export a clean, safe SVG asset.

✓ Security Sanitization

Removes <script>, onload, onclick, and foreign objects that can pose XSS risks.

✓ Background Contrast Toggles

Test vector transparency on white, dark, or checkerboard canvas backdrops.

✓ Dimension Extraction

Inspects viewBox coordinates, width, and height attributes automatically.

🔒 Complete Client-Side Isolation

This tool runs entirely in your local browser runtime. No logs, analytics tracking, or remote server transmissions occur.

Pick colors visually, inspect HEX, RGB, and HSL values, and check WCAG AA/AAA contrast ratios against light and dark backgrounds.

Generate beautiful harmonious color palettes, tints, shades, and complementary schemes from any base color with one-click hex copying.

Bidirectional, synchronized three-way color converter for web designers with live visual feedback and ready-to-use CSS snippets.