images/flags/flag_of_israel.svg

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   3   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
   4 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   5   xmlns:xlink="http://www.w3.org/1999/xlink"
   6   width="660" height="480" viewBox="0 0 220 160">
   7   <desc>Flag of Israel</desc>
   8   <defs>
   9     <!-- Specs are taken from "The Provisional Council of State Proclamation of
  10       the Flag of the State of Israel," 25 Tishrei 5709 (28 October 1948)
  11     For Magen David, the "Israel Science and Technology Homepage" at
  12       http://www.science.co.il/Israel-flag.asp specifies each side as 60 cm.
  13       Outer radius is then 30 / cos(30) = 20 * sqrt(3)
  14     For equilateral triangles, middle radius = outer radius - width:
  15       20 * sqrt(3) - 5.5
  16     Coordinates for upward-pointing triangle relative to center are then:
  17       (                            0,-(20*sqrt(3) - 5.5)          )
  18       (-(20*sqrt(3) - 5.5) * cos(30), (20*sqrt(3) - 5.5) * sin(30))
  19       ( (20*sqrt(3) - 5.5) * cos(30), (20*sqrt(3) - 5.5) * sin(30)) -->
  20     <polygon id="triangle" points="0,-29.1410161513775421
  21                 -25.2368602791855814, 14.5705080756887710
  22                  25.2368602791855814, 14.5705080756887710"
  23       stroke="#0038b8" stroke-width="5.5" fill-opacity="0"/>
  24   </defs>
  25   <!-- "The flag is 220 cm long and 160 cm wide.  The background is white" -->
  26   <rect width="220" height="160" fill="white"/>
  27   <!-- "...two stripes of dark sky-blue, 25 cm broad, over the whole length of
  28     the flag, at a distance of 15 cm from the top and from the bottom..."
  29     Legislation does not specify exact shade of blue; "#0038b8" is typical of
  30     flags used in Israel -->
  31   <rect width="220" height="25" fill="#0038b8" y="15"/>
  32   <rect width="220" height="25" fill="#0038b8" y="120"/>
  33   <use xlink:href="#triangle" transform="translate(110,80)"/>
  34   <use xlink:href="#triangle" transform="translate(110,80) rotate(180)"/>
  35 </svg>