<?xml version="1.0" encoding="UTF-8"?>
<!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" xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="-6000 -6500 12000 12500"
     font-family="Arial, sans-serif"
     font-size="400px">
<style>text{font-weight: normal;font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Lato, Helvetica, Arial, sans-serif;}</style>
  <title>Islamic months</title>
<desc>Islamic months</desc>
<defs>
  <marker id="arrs" refX="0" refY="5" orient="auto" markerWidth="15" markerHeight="10">
      <path fill="#000" d="M 0 5 L 15 0 L 10 5 L 15 10 L 0 5 Z"/>
    </marker>
    </defs>


<text fill="#000" x="-3200" y="-5500" style="font-weight:normal;font-size:200%" stroke="#fff" stroke-width="8">ISLAMIC MONTHS</text>
<circle r="5500" fill="#77FF84"/>
<circle r="5000" fill="none" stroke="#000" stroke-width="20"/>
<circle r="5000" fill="#fff"/>


<line x1="4335" y1="-2500" x2="-4335" y2="2500" stroke="#000" stroke-width="25" />
<line x1="-4335" y1="-2500" x2="4335" y2="2500" stroke="#000" stroke-width="25" />
<line y1="4335" x1="-2500" y2="-4335" x2="2500" stroke="#000" stroke-width="25" />
<line y1="-4335" x1="-2500" y2="4335" x2="2500" stroke="#000" stroke-width="25" />



<line x1="-5000" x2="5000" stroke="#000" stroke-width="25" />
<line y1="-5000" y2="5000" stroke="#000" stroke-width="25" />

<text x="-3250" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(45)">Dhu al-qada</text>
<text x="-2800" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(15)">Shawwal</text>
<text x="-3100" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(75)">Dhu al-hijja</text>

<text x="-2600" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(-45)">Sha'ban</text>
<text x="-3090" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(-15)">Ramadhan</text>
<text x="-2300" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(-75)">Rajab</text>

<text x="1200" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(45)">Jamada Al-Awwal</text>
<text x="1200" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(15)">Rabi Al-Thani</text>
<text x="1200" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(75)">Jamada Al-Thani</text>

<text x="1200" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(-45)">Safar</text>
<text x="1200" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(-15)">Rabi Al-Awwal</text>
<text x="1200" y="0" dy=".3em" fill="red" text-anchor="start" transform="rotate(-75)">Muharram</text>

<circle r="15" fill="#fff"/>
<g fill="none" stroke="#000" marker-end="url(#arrs)" stroke-width="25" >
<path d="M 0 -4500 A 4500 4500 0 0 0 -4500 0" />
<path d="M -4500 0 A 4500 4500 0 0 0 0 4500" />
<path d="M 0 4500 A 4500 4500 0 0 0 4500 0" />
<path d="M 4500 0 A 4500 4500 0 0 0 0 -4500" />
</g>


</svg>

