Table of Contents

About

This page is about the fill operation in SVG.

It shows you how to paint the interior of the object via:

Example

As svg attribute

With the rect element

<svg >
<rect 
    x="0" 
    y="0" 
    width="300" 
    height="100" 
    fill="#ECDCC6" 
    rx="10"
    ry="10"/>
</svg>

As style attribute

<svg style="fill: #ECDCC6">
<rect 
    x="0" 
    y="0" 
    width="300" 
    height="100" 
    rx="10"
    ry="10"/>
</svg>