">
         <stop offset="50%" stop-color="orange"/>
         <stop offset="50%" stop-color="fuchsia"/>
       </linearGradient>
     </defs>
     <rect x="1" y="1" width="98" height="98" fill="red"/>
     <rect width="100" height="100" fill="url(#grad)" transform="rotate(90) translate(-100 0)" transform-origin="0 100"/>
   </svg>
 </body>
</html>
