  <rect x="0" y="0" width="200" height="200" fill="url(#gradient1)" />
    <rect x="0" y="0" width="200" height="200" fill="url(#gradient2)" style="transform: translateX(220px);" />
</svg>

<svg viewBox="-40 0 150 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g fill="grey"
       transform="rotate(-10   50    100)
                translate(-36   45.5)
                skewX(40)
                scale(1 0.5)">
        <path id="heart" d="M 10,30 A 20,20 0,0,1 50,30 A 