You are on page 1of 1

<form>

<div class="svgContainer">

<div>

<svg class="mySVG" xmlns="http://www.w3.org/2000/svg"


xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">

<defs>

<circle id="armMaskPath" cx="100" cy="100"


r="100"/>

</defs>

<clipPath id="armMask">

<use xlink:href="#armMaskPath" overflow="visible"/>

</clipPath>

<circle cx="100" cy="100" r="100" fill="#a9ddf3"/>

<g class="body">

<path class="bodyBGchanged" style="display: none;"


fill="#FFFFFF" d="M200,122h-35h-14.9V72c0-27.6-22.4-50-50-50s-50,22.4-
50,50v50H35.8H0l0,91h200L200,122z"/>

<path class="bodyBGnormal" stroke="#3A5E77"


stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" fill="#FFFFFF"
d="M200,158.5c0-20.2-14.8-36.5-35-36.5h-14.9V72.8c0-27.4-21.7-50.4-49.1-50.8c-28-0.5-
50.9,22.1-50.9,50v50 H35.8C16,122,0,138,0,157.8L0,213h200L200,158.5z"/>

<path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-


54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9
C143,167.5,122.9,156.4,100,156.4z"/>

</g>

<g class="earL">

<g class="outerEar" fill="#ddf1fa" stroke="#3a5e77"


stroke-width="2.5">

<circle cx="47" cy="83" r="11.5"/>

<path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0


2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"/>

You might also like