flag-us.svg (1524B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="900" height="600" viewBox="0 0 5850 3900"> 3 <desc>United States flag, reworked as 2:3. This involved shrinking the stripes from the right until the flag was the right aspect, then shrinking the canton horizontally so that it only occupied 1/2 of the flag's width, then transposing the stars so that they were centered within the canton.</desc> 4 <rect width="5850" height="3900" fill="#b22234"/> <!-- red backdrop --> 5 <path d="M0,450H5850m0,600H0m0,600H5850m0,600H0m0,600H5850m0,600H0" stroke="#fff" stroke-width="300"/> <!-- 6 white stripes --> 6 <rect width="2925" height="2100" fill="#3c3b6e"/> <!-- blue canton 2964 > 2925. 39px difference. --> 7 <g fill="#fff"> 8 <g id="s18"> 9 <g id="s9"> <!-- 9 stars, comprised of vertical sets of 5 and 4 defined inside this block --> 10 <g id="s5"> 11 <g id="s4"> 12 <!-- Left shifted 19.5 from original position to align stars in smaller box --> 13 <path id="s" d="M227.5,90 298.034230,307.082039 113.373218,172.917961H341.626782L156.965770,307.082039z"/> <!-- star, done in 5 points --> 14 <use xlink:href="#s" y="420"/> 15 <use xlink:href="#s" y="840"/> 16 <use xlink:href="#s" y="1260"/> 17 </g> 18 <use xlink:href="#s" y="1680"/> 19 </g> 20 <use xlink:href="#s4" x="247" y="210"/> 21 </g> 22 <use xlink:href="#s9" x="494"/> 23 </g> 24 <use xlink:href="#s18" x="988"/> 25 <use xlink:href="#s9" x="1976"/> 26 <use xlink:href="#s5" x="2470"/> 27 </g> 28 </svg>