1. Home
  2. Html
  3. Svg rectangle

Scalable vector graphics, rectangle examples.

#html#element#svg
<svg width="150" height="150" viewBox="0 0 100 100" style="border: 1px solid #CCC">
    <rect width="30" height="50" x="10" y="20" fill="#EB6300" />
</svg>

<svg width="150" height="150" viewBox="0 0 100 100" style="border: 1px solid #CCC">
    <rect width="30" height="50" x="10" y="20" fill="none" stroke="#EB6300" />
</svg>

<svg width="150" height="150" viewBox="0 0 100 100">
    <rect width="100" height="100" x="0" y="0" fill="#EB6300" />
</svg>
Output:
copy
Full Html cheatsheet
NordVPN NordVPN