All tools
TinyTools
Free tool
✏️
SVG Editor
Create and edit SVG shapes with live code
SVG Code
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="20" y="20" width="160" height="160" rx="20" fill="#6366f1" opacity="0.3"/> <circle cx="100" cy="100" r="50" fill="#a78bfa"/> <text x="100" y="108" text-anchor="middle" fill="white" font-size="24" font-weight="bold">Hi</text> </svg>
+ Rect
+ Circle
+ Line
+ Text
Download
Preview