SVG Viewer
Вставьте исходную SVG-разметку и сразу посмотрите отрендеренный результат.
Предпросмотр отключает скрипты и внешние ссылки, но при этом позволяет проверять viewBox и размеры.
Предпросмотр SVG: вставьте исходный код и сразу проверьте результат
Проверка viewBox и размеров: проверьте прозрачность и потенциально небезопасное содержимое
Как пользоваться
- Вставить SVG код or загрузить an `.svg` file.
- Switch the фон and масштаб level to проверить the rendering.
- Проверить viewBox, размер details, and предупреждения, then save the SVG if needed.
Пример
Simple иконка SVG
Ввод
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><круг 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>
Вывод
A blue circular иконка is rendered, and the viewBox is shown as `0 0 120 120` in the info panel.
Вопросы и ответы
Мои SVG загрузкаed anywhere?
Нет. Pasted SVG and loaded файлы stay in your browser and are not sent to a server.
What happens to SVGs that contain скрипт or foreignObject?
The безопасный предпросмотр removes those elements до rendering and shows a предупреждение in the info panel.
Будет ли SVGs with внешний изображения or fonts отрисовать exactly the same?
Not always. Внешние ссылки are disabled, so the appearance may differ из the original environment. This инструмент prioritizes безопасная локальная проверка.
Why does my SVG not отрисовать?
Common causes are недействительный XML, плохой attribute values, or a root element that is not `svg`. Проверить the ошибка message shown by the tool.
Why would I switch the фон?
Прозрачный areas and light-colored icons can look very different depending on the фон, so the инструмент lets you test checker, white, and dark backgrounds quickly.
Примечания
- For safety, внешний URL references and dangerous elements are disabled до rendering.
- SVGs that depend on внешний fonts or изображения may not look the same as they do in the original environment.
- Very большой SVG файлы automatically switch out of живой предпросмотр режим and ask you to отрисовать manually.