<?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="Electron shell Fluorine"
viewBox="-1000 -1150 2000 2150"
width="800"
height="860">
<defs>
<circle id="electron" fill="#77868b" stroke="none" r="30"/>
</defs>

<circle fill="#ff9" r="200" stroke="#343434" stroke-width="10"/>
<g font-size="100" font-weight="bold" font="arial">
<text x="-750" y="-1000" text-anchor="end">9</text>
<text x="-750" y="-1000">: Fluorine</text>
<text x="900" y="-1000" text-anchor="end">2,7</text>
<text x="0" y="50" font-size="150" text-anchor="middle">F</text>
</g>

<g stroke="#77868b" stroke-width="8" fill="none"><circle id="shell_1" r="300"/>
<use id="electron_0_shell_1" xlink:href="#electron" y="-300"/>
<use id="electron_1_shell_1" xlink:href="#electron_0_shell_1" transform="rotate(180)"/>
<circle id="shell_2" r="400"/>
<use id="electron_0_shell_2" xlink:href="#electron" y="-400"/>
<use id="electron_1_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(51.428571)"/>
<use id="electron_2_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(102.857143)"/>
<use id="electron_3_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(154.285714)"/>
<use id="electron_4_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(205.714286)"/>
<use id="electron_5_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(257.142857)"/>
<use id="electron_6_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(308.571429)"/>
</g>
</svg>