HTML
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1100" height="100">
<g transform="translate(0,0)">
<polygon points="20,10 25,49 6,40" style="fill:rgb(255,100,0);fill-opacity:0.000;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
<polygon points="20,10 25,49 40,4" style="fill:rgb(255,100,0);fill-opacity:0.000;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
</g>
<g transform="translate(25,0)">
<polygon points="20,10 25,49 6,40" style="fill:rgb(255,100,0);fill-opacity:0.025;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
<polygon points="20,10 25,49 40,4" style="fill:rgb(255,100,0);fill-opacity:0.025;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
</g>
<g transform="translate(50,0)">
<polygon points="20,10 25,49 6,40" style="fill:rgb(255,100,0);fill-opacity:0.050;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
<polygon points="20,10 25,49 40,4" style="fill:rgb(255,100,0);fill-opacity:0.050;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
</g>
<g transform="translate(75,0)">
<polygon points="20,10 25,49 6,40" style="fill:rgb(255,100,0);fill-opacity:0.075;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
<polygon points="20,10 25,49 40,4" style="fill:rgb(255,100,0);fill-opacity:0.075;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
</g>
<g transform="translate(100,0)">
<polygon points="20,10 25,49 6,40" style="fill:rgb(255,100,0);fill-opacity:0.100;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
<polygon points="20,10 25,49 40,4" style="fill:rgb(255,100,0);fill-opacity:0.100;stroke:rgb(255,100,0);stroke-width:1.000px;stroke-opacity:1.000" />
</g>
<g transform="translate(125,0)">
<polygon points="20,10 25,49...