<svg width="4cm" height="4cm" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" version="1.1">
<g transform="rotate(45 200 200)">
<rect x="1" y="1" width="398" height="398" fill="none" stroke="blue" stroke-width="2" >
<animate attributename="stroke-width" begin="0s" dur="10s" values="100;200;100" repeatcount="indefinite"/>
<animate attributename="stroke" begin="0s" dur="10s" values="blue;red;orange;green;red;blue" repeatcount="indefinite"/>
</rect>
<line x1="0" y1="0" x2="398" y2="398" stroke-width="150" >
<animate attributename="stroke-width" begin="0s" dur="10s" values="50;200;50" repeatcount="indefinite"/>
<animate attributename="stroke" begin="0s" dur="10s" values="blue;red;orange;green;red;blue" repeatcount="indefinite"/>
</line>
</g>
</svg>
