oxjs/source/Ox.Geo/svg/flags/CK.svg

52 lines
2.7 KiB
XML
Raw Normal View History

2011-03-05 02:08:30 +00:00
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg>
<svg version="1.1" baseProfile="full" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify"
id="Flag_of_the_Cook_Islands"
viewBox="-15 -7.5 30 15"
width="600" height="300">
<defs>
<clipPath id="border">
<rect x="-15" y="-7.5" width="30" height="15"/>
</clipPath>
</defs>
<rect fill="#00247D" x="-15" y="-7.5" width="30" height="15"/>
<comment>The above line is the ensign field color: #CF142B red and #00247D blue</comment>
<g id="canton" transform="matrix(0.5,0,0,0.5,-7.5,-3.75)">
<g clip-path="url(#border)">
<circle r="20" fill="#00247D"/>
<path d="M -20,-10 L 20,10 M -20,10 L 20,-10" stroke-width="3" stroke="white" id="diags_white"/>
<path d="M -20,-10 L 20,10 M -20,10 L 20,-10" stroke-width="2" stroke="#CF142B" id="diags_red"/>
<path stroke="none" fill="white" d="M 0,0 l 20,10 h -3 l -20,-10 M 0,0 l 20,-10 h 3 l -20,10 M 0,0 l -20,10 h -3 l 20,-10 M 0,0 l -20,-10 h 3 l 20,10" id="eraser_white"/>
<comment>I think the above two lines give the simplest way to make the diagonals</comment>
<path d="M -20,0 H 20 M 0,-10 V 10" stroke-width="5" stroke="white" id="cross_white"/>
<path d="M -20,0 H 20 M 0,-10 V 10" stroke-width="3" stroke="#CF142B" id="cross_red"/>
</g>
</g>
<g id="star" fill="white" transform="translate(7.5,-5.1) scale(1.125)">
<g id="cone">
<polygon id="triangle" points="0,0 0,1 .5,1" transform="translate(0,-1) rotate(18)"/>
<use xlink:href="#triangle" transform="scale(-1,1)"/>
</g>
<use xlink:href="#cone" transform="rotate(72)"/>
<use xlink:href="#cone" transform="rotate(-72)"/>
<use xlink:href="#cone" transform="rotate(144)"/>
<use xlink:href="#cone" transform="rotate(-144)"/>
</g>
<use xlink:href="#star" transform="rotate(24 7.5 0)"/>
<use xlink:href="#star" transform="rotate(48 7.5 0)"/>
<use xlink:href="#star" transform="rotate(72 7.5 0)"/>
<use xlink:href="#star" transform="rotate(96 7.5 0)"/>
<use xlink:href="#star" transform="rotate(120 7.5 0)"/>
<use xlink:href="#star" transform="rotate(144 7.5 0)"/>
<use xlink:href="#star" transform="rotate(168 7.5 0)"/>
<use xlink:href="#star" transform="rotate(192 7.5 0)"/>
<use xlink:href="#star" transform="rotate(216 7.5 0)"/>
<use xlink:href="#star" transform="rotate(240 7.5 0)"/>
<use xlink:href="#star" transform="rotate(264 7.5 0)"/>
<use xlink:href="#star" transform="rotate(288 7.5 0)"/>
<use xlink:href="#star" transform="rotate(312 7.5 0)"/>
<use xlink:href="#star" transform="rotate(336 7.5 0)"/>
</svg>