<svg>
  <polyline points="20,20 
                    20,120 
                    80,120 
                    80,20 
                    140,20 
                    140,120 
                    180,120"/>
  <polyline points="16,20 
                    40,20
                    40,100
                    60,100
                    60,5
                    160,5
                    160,100
                    180,100
                    180,125
                    "/>
 <ellipse cx="110" cy="80" rx="20" ry="50"/>
  <text x="0" y="80"><a href="https://cvdgp.blogspot.com/p/como-crear-una-web-import-urlhttpsfonts.html#svg">cvdgp</a></text>
    
 
</svg>
svg{
  margin-left:10%;
  margin-top:0.1%;
  stroke: black;
  background: LEMONCHIFFON;
  width: 240px;
  heigth: 250px;
  border: 10px groove darkgrey;
}
polyline{
  fill: blue; 
  stroke:maroon;
  stroke-width:8px;
}
polyline:nth-child(2){
  fill:none;
  stroke:green;
}
ellipse{
  fill:red;
  stroke-width:10px;
  stroke: blue;
}
text a{
  fill:grey;
  stroke:black;
  stroke-width:2px;
  font-size:75px;
  font-family: arial;
  font-weight:bold;
}

 var color=[ 'magenta', 'blue', 'brown', 'red', 'aqua', 'aquamarine', 'yellow', "green", "crismon", "DARKRED", "deeppink", "DARKKHAKI", "lime", "blue", "lightblue"];    
        
          bucle1();
          setInterval(bucle1 ,  (color.length*1000)   );
          
function bucle1(){
     var i=0;
       
    setInterval(function(){$("text a").css({"fill": color[i++] })},1000);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.js