Trình xem SVG
Dán mã SVG thô và xem ngay kết quả hiển thị.
Bản xem trước vô hiệu hóa script và các tham chiếu bên ngoài, đồng thời vẫn cho phép kiểm tra viewBox và chi tiết kích thước.
SVG preview: paste raw code and check the result instantly
viewBox and size checks: review transparency and potentially unsafe content
Cách sử dụng
- Paste SVG code or load an `.svg` file.
- Switch the background and zoom level to inspect the rendering.
- Review viewBox, size details, and warnings, then save the SVG if needed.
Ví dụ
Simple icon SVG
Đầu vào
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Đầu ra
A blue circular icon is rendered, and the viewBox is shown as `0 0 120 120` in the info panel.
Câu hỏi thường gặp
Is my SVG uploaded anywhere?
No. Pasted SVG and loaded files stay in your browser and are not sent to a server.
What happens to SVGs that contain script or foreignObject?
The safe preview removes those elements before rendering and shows a warning in the info panel.
Will SVGs with external images or fonts render exactly the same?
Not always. External references are disabled, so the appearance may differ from the original environment. This tool prioritizes safe local inspection.
Why does my SVG not render?
Common causes are invalid XML, bad attribute values, or a root element that is not `svg`. Check the error message shown by the tool.
Why would I switch the background?
Transparent areas and light-colored icons can look very different depending on the background, so the tool lets you test checker, white, and dark backgrounds quickly.
Lưu ý
- For safety, external URL references and dangerous elements are disabled before rendering.
- SVGs that depend on external fonts or images may not look the same as they do in the original environment.
- Very large SVG files automatically switch out of live preview mode and ask you to render manually.