SOURCE

<svg width="1000" height="2000" >
  <!-- <line x1="10" y1="10" x2="10"y2="700" stroke="black"  stroke-width="10" />  -->
   
   <rect  width="400" height="200" y="16" fill="red" class="yuan"/>
    
   <rect width="10" height="800" stroke="black"  y="20"  stroke-width="10"/>
  <polygon  points="75,100 145,100 90,150 110,70 130,150  "  fill="yellow"  />
    <polygon  points="75,100 145,100 90,150 110,70 130,150  "  fill="yellow" 
    transform="translate(120,0) scale(0.5) rotate(-15)"/>
    <polygon  points="75,100 145,100 90,150 110,70 130,150  "  fill="yellow" 
    transform="translate(150,35) scale(0.5) rotate(-1) "/>
    <polygon  points="75,100 145,100 90,150 110,70 130,150  "  fill="yellow" 
    transform="translate(150,80) scale(0.5) rotate(10)"/>
    <polygon  points="75,100 145,100 90,150 110,70 130,150  "  fill="yellow" 
    transform="translate(130,120) scale(0.5) rotate(15) "/>
    <text x="70" y="200" font-size="20px">(PLE)中国人民解放军八一军旗</text>
   
</svg>

@keyframes bianse{
    0%{
        fill: pink;
        r:60;
        
    }
      20%{
        fill:black;
      r:70;
        
    }
      40%{
        fill: orange;
      r:80;
        
    }
      60%{
        fill:blueviolet;
        r:90;
        
    }
      80%{
        fill: gold;
        r:100;
        
    }
}
.yuan{
    animation: bianse 5s  infinite ease 3s;
    
}