images/flags/flag_of_saint_kitts_and_nevis.svg

   1 <?xml version="1.0" standalone="no"?>\r
   2 <!DOCTYPE svg>\r
   3 <svg width="900" height="600" viewBox="-75 -50 150 100" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">\r
   4    <defs>\r
   5       <clipPath id="frame">\r
   6          <rect width="150" height="100" x="-75" y="-50"/>\r
   7       </clipPath>\r
   8    </defs>\r
   9    <path d="M 75,-50 h -150 v 100" fill="#009e49"/>\r
  10    <path d="M -75,50 h 150 v -100" fill="#ce1126"/>\r
  11    <g clip-path="url(#frame)">\r
  12       <path d="M -75,50 L 75,-50" stroke-width="42" stroke="#fcd116"/>\r
  13       <path d="M -75,50 L 75,-50" stroke-width="30" stroke="black"/>\r
  14    </g>\r
  15    <g id="star" transform="translate(28.5,-19) rotate(-33.69) scale(14)" fill="white">\r
  16    <comment>the rotation angle above should be -arctan(2/3)</comment>\r
  17       <g id="cone">\r
  18         <polygon id="triangle" points="0,0 0,1 .5,1" transform="translate(0,-1) rotate(18)"/>\r
  19         <use xlink:href="#triangle" transform="scale(-1,1)" />\r
  20       </g>\r
  21       <use xlink:href="#cone" transform="rotate(72)" />\r
  22       <use xlink:href="#cone" transform="rotate(-72)" />\r
  23       <use xlink:href="#cone" transform="rotate(144)" />\r
  24       <use xlink:href="#cone" transform="rotate(-144)" />\r
  25    </g>\r
  26    <use xlink:href="#star" transform="translate(-57,38)"/>\r
  27 </svg>\r