Html cheatsheet > Svg rectangle

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