<?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 Nitrogen"
viewBox="-1000 -1150 2000 2150"
width="800"
height="860">
<defs>
<circle id="electron" fill="#77868b" stroke="none" r="30"/>
</defs>

<circle fill="#00ffa0" r="200" stroke="#343434" stroke-width="10"/>
<g font-size="100" font-weight="bold" font="arial">
<text x="-750" y="-1000" text-anchor="end">7</text>
<text x="-750" y="-1000">: Nitrogen</text>
<text x="900" y="-1000" text-anchor="end">2,5</text>
<text x="0" y="50" font-size="150" text-anchor="middle">N</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(72)"/>
<use id="electron_2_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(144)"/>
<use id="electron_3_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(216)"/>
<use id="electron_4_shell_2" xlink:href="#electron_0_shell_2" transform="rotate(288)"/>
</g>
</svg>