ToolKit
Home
All tools
All tools
Code to SVG Image
Paste SVG markup, preview it live, and export as .svg or .png.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"> <defs> <linearGradient id="g" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#5b8def"/> <stop offset="100%" stop-color="#a78bfa"/> </linearGradient> </defs> <rect width="200" height="200" rx="32" fill="url(#g)"/> <text x="100" y="110" text-anchor="middle" fill="white" font-size="32" font-family="sans-serif">SVG</text> </svg>
Preview
SVG
Download .svg
Download .png