SVG Viewer

Open, paste, or drop an SVG to preview it safely in your browser

SVG Markup

Paste or edit the XML

Markup

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 16 16" shape-rendering="crispEdges">
    <rect width="16" height="16" fill="#0f172a"/>
    <g fill="#ef4444">
        <rect x="3" y="2" width="1" height="1"/>
        <rect x="4" y="2" width="1" height="1"/>
        <rect x="6" y="2" width="1" height="1"/>
        <rect x="7" y="2" width="1" height="1"/>

        <rect x="2" y="3" width="1" height="1"/>
        <rect x="3" y="3" width="1" height="1"/>
        <rect x="4" y="3" width="1" height="1"/>
        <rect x="5" y="3" width="1" height="1"/>
        <rect x="6" y="3" width="1" height="1"/>
        <rect x="7" y="3" width="1" height="1"/>
        <rect x="8" y="3" width="1" height="1"/>

        <rect x="2" y="4" width="1" height="1"/>
        <rect x="3" y="4" width="1" height="1"/>
        <rect x="4" y="4" width="1" height="1"/>
        <rect x="5" y="4" width="1" height="1"/>
        <rect x="6" y="4" width="1" height="1"/>
        <rect x="7" y="4" width="1" height="1"/>
        <rect x="8" y="4" width="1" height="1"/>

        <rect x="3" y="5" width="1" height="1"/>
        <rect x="4" y="5" width="1" height="1"/>
        <rect x="5" y="5" width="1" height="1"/>
        <rect x="6" y="5" width="1" height="1"/>
        <rect x="7" y="5" width="1" height="1"/>

        <rect x="4" y="6" width="1" height="1"/>
        <rect x="5" y="6" width="1" height="1"/>
        <rect x="6" y="6" width="1" height="1"/>

        <rect x="5" y="7" width="1" height="1"/>
    </g>
</svg>

Info: This viewer renders the SVG directly to the DOM and always sanitizes inline scripts and event handlers.

Upload SVG

Drag & drop or choose a file

Drop an SVG here, or click to choose

Preview

Live preview of your SVG

Download

Download your SVG as a standalone file