Harriet.svg

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="500">
<defs>
<linearGradient id="hairGrad" x1="0%" y1="0%" x2="0%" y2="150%">
<stop offset="0%" style="stop-color:#97A7BF;stop-opacity:1;"/>
<stop offset="100%" style="stop-color:#CBC8BA;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="accesGrad" x1="15%" y1="0%" x2="25%" y2="2%">
<stop offset="0%" style="stop-color:#4259AB;stop-opacity:1;"/>
<stop offset="100%" style="stop-color:#CCCCCC;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="accesGradInv" href="#accesGrad" gradientTransform="rotate(164,0.5,0)"/>
</defs>
<style>
/* <![CDATA[ */
.hair{fill:#97A7BF;stroke:#5B6572;}
.skin{fill:#FFE5D3;stroke:black;}
/* ]]> */
</style>
<!--後髪-->
<path d="M175,83a160,200,0,0,0,-70,100a180,300,0,0,1,-60,100a150,250,0,0,0,-40,100l40,-10l5,-5a150,40,0,0,0,80,-18a85,120,0,0,0,70,-100l10,-170zM325,88a160,200,0,0,1,70,100a180,300,0,0,0,60,100a150,250,0,0,1,40,100l-40,-10l-5,-5a150,40,0,0,1,-80,-18a85,120,0,0,1,-70,-100l-10,-170z" class="hair"/>
<path d="M210,70a25,25,0,1,0,0,1zM350,75a25,25,0,1,0,0,1z" class="hair"/>
<!--顔-->
<path d="M165,220a180,75,0,0,0,76,74a180,90,0,0,0,90,-40l10,-120l-50,-30h-70l-40,0" class="skin"/>
<!--耳-->
<path d="M165,170l-50,-25l50,80M340,180l45,-25l-45,70" class="skin" style="stroke:#8E7F76;"/>
<path d="M170,174l-45,-20l45,70M335,188l40,-24l-40,60" style="fill:#C4B0A2;"/>
<!--アクセ-->
<path d="M210,70v-60l30,60" style="fill:url(#accesGrad);"/>
<path d="M300,72l3,-60l-30,60" style="fill:url(#accesGradInv);"/>
<!--ヘアー-->
<path d="M150,150a100,90,0,1,1,200,0a40,300,0,0,1,-10,150a20,20,0,0,1,-10,5l-1,-15l-3,12a35,350,0,0,0,9,-150a45,25,0,0,0,-15,-20a40,60,0,0,1,10,20l-80,-5a90,70,0,0,1,-10,-40a80,80,0,0,0,-5,45l-10,3a40,35,0,0,1,-5,-30l-5,25l-20,-3a40,45,0,0,1,-5,-35a25,40,0,0,0,-15,40a27,200,0,0,1,-23,130l-3,-20l0,25a30,15,0,0,1,-5,2l-3,-30l0,33a35,20,0,0,1,-5,1z" class="hair" style="fill:url(#hairGrad);"/>
<!--左目-->
<path d="M295,178a4,17,0,1,0,1,0" style="fill:black;transform-origin:299px 195px;transform:rotate(3deg);"/>
<!--右目-->
<path d="M206,173a4,17,0,1,0,1,0" style="fill:black;transform-origin:210px 190px;transform:rotate(3deg);"/>
<!--まゆ-->
<path d="M288,147a17,13,0,0,1,25,2M193,140a25,20,0,0,1,30,2" fill="none" stroke="black"/>
<!--口-->
<path d="M230,255a35.2,35,0,0,0,35,2" style="stroke:black;fill:none;"/>
<!--メイク-->
<path d="M195,218a7,4,0,1,0,1,0M297,225a7,4,0,1,0,1,0" fill="#FFC9CE"/>
<path d="M196,218l-3,5m3,0l3,-5M298,225l-3,5m3,0l3,-5" stroke="gray" fill="none"/>
</svg>