```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SVG to PNG Converter</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.1.1/svg.min.js"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }
        textarea {
            width: 100%;
            height: 200px;
            margin-bottom: 10px;
        }
        #result {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h2>SVG to PNG Converter</h2>
    <form id="svgForm">
        <label for="svgInput">Paste your SVG code here:</label><br>
        <textarea id="svgInput" required></textarea><br>
        <button type="submit">Convert to PNG</button>
    </form>
    <div id="result"></div>

    <script>
        document.getElementById('svgForm').addEventListener('submit', function(e) {
            e.preventDefault();
            const svgCode = document.getElementById('svgInput').value;
            const container = document.createElement('div');
            container.innerHTML = svgCode;
            const svgElement = container.querySelector('svg');

            if (!svgElement) {
                alert('Invalid SVG code. Please check your input.');
                return;
            }

            const canvas = document.createElement('canvas');
            const ctx = canvas.getContext('2d');
            const img = new Image();

            img.onload = function() {
                canvas.width = img.width;
                canvas.height = img.height;
                ctx.drawImage(img, 0, 0);
                const pngUrl = canvas.toDataURL('image/png');
                
                const resultDiv = document.getElementById('result');
                resultDiv.innerHTML = `
                    <h3>Converted PNG:</h3>
                    <img src="${pngUrl}" alt="Converted PNG">
                    <p><a href="${pngUrl}" download="converted.png">Download PNG</a></p>
                `;
            };

            img.src = 'data:image/svg+xml;base64,' + btoa(svgCode);
        });
    </script>
</body>
</html>
```

Convert SVG code into PNG images with this online tool. Simply paste your SVG code and download the converted PNG.

Easily convert SVG code into PNG images using our free online SVG to PNG converter tool.