مثال بسيط لـ SVG

الصور SVG في HTML5 يمكن أن تكون بسيطة، وتظهر مستطيل بسيط بطول 100 بكسل وارتفاع 100 بكسل.

مثال عبر الإنترنت

الصور SVG يمكن أن تكون بسيطة جدًا أو معقدة جدًا. هذا مثال بسيط:

<svg　　xmlns="http://www.w3.org/2000/svg"
　xmlns:xlink="http://www.w3.org/1999/xlink">
　<rect　x="10"　y="10"　height="100"　width="100"　style="stroke:#ff0000;　fill:　#0000ff"/>
</svg>

كما ترونه، هذا المثال هو XML نظيف:

يظهر هذا المثال مستطيلاً بسيطاً بطول 100 بكسل وارتفاع 100 بكسل. لون الخط (محيط المستطيل) هو لون HTML #ff0000. لون الحشو هو #0000ff.
الصورة SVG المولدة تظهر كما يلي: