ZVON > References > Zvon Example Repository
Example repository: index | categories | search

All > SVG > Gradient Patterns > Repeating pattern

A repeating pattern can be drawn using the pattern element.


Output
Output - picture
SVG version


Source
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" >
     <defs>
          <pattern id="pattern" x="0" y="0" width=".1" height=".1">
               <rect x="2" y="2" width="16" height="16" fill="#3399cc"/>
          </pattern>
     </defs>
     <rect x="0" y="0" width="100" height="100" fill="url(#pattern)" stroke="black"/>
</svg>