SVG Code :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384" height="384" viewbox="0 0 384 384" stroke-width="2"> <clipPath id="faceMask"> <path id="face" d="m224,368 C92,368 -32,256 32,184 C80,144 136,144 144,112 C160,0 280,0 280,112 C288,184 388,184 368,304 C354,368 256,368 224,368" stroke="#000" fill="#fff" /> </clipPath> <svg x="8" y="8"> <polygon points="0,128 32,0 200,48 200,108 84,60" /> <polygon points="368,112 320,0 256,64 256,160 320,64" /> <use xlink:href="#face"/> <circle cx="330" cy="100" r="140" fill="#000" style="clip-path:url(#faceMask)"/> <circle cx="172" cy="90" r="10" /> <circle cx="235" cy="90" r="25" fill="#fff"/> <ellipse cx="140" cy="260" ry="60" rx="100" transform="rotate(30,130,240)"/> </svg> </svg> |
Code is also avaiable at https://codepen.io/zFunx/pen/vxbMVZ
