Области окраски

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>progressive-webapps/rendering-performance/paint-areas</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/rendering-performance/paint-areas" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#423831" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="radar" transform="translate(12.000000, 12.000000)" fill-rule="nonzero"> <circle id="Oval" fill="#695B52" cx="24.5" cy="24.5" r="24.5"> </circle> <circle id="Oval" fill="#F8E8CE" cx="24.5" cy="24.5" r="21.2333333"> </circle> <path d="M36.16445,35.9333333 C33.19995,38.95745 29.06925,40.8333333 24.5,40.8333333 C15.4791,40.8333333 8.16666667,33.5209 8.16666667,24.5 C8.16666667,15.4791 15.4791,8.16666667 24.5,8.16666667 L24.5,24.5 L36.16445,35.9333333 Z" id="Shape" fill="#E0747C"> </path> <path d="M32.6666667,32.5017 C30.5915167,34.6193167 27.6988833,35.9333333 24.5,35.9333333 C18.1855333,35.9333333 13.0666667,30.8144667 13.0666667,24.5 C13.0666667,18.1855333 18.1855333,13.0666667 24.5,13.0666667 L24.5,24.5 L32.6666667,32.5017 Z" id="Shape" fill="#695B52"> </path> <circle id="Oval" fill="#E0747C" cx="24.5" cy="24.5" r="4.9"> </circle> <path d="M38.3833333,25.3166667 L45.7129167,25.3166667 C45.7227167,25.0455333 45.7333333,24.7735833 45.7333333,24.5 C45.7333333,24.2264167 45.7227167,23.9544667 45.7129167,23.6833333 L38.3833333,23.6833333 L38.3833333,25.3166667 Z" id="Shape" fill="#695B52"> </path> <polygon id="Shape" fill="#695B52" points="24.5 23.6833333 35.1166667 23.6833333 35.1166667 25.3166667 24.5 25.3166667"> </polygon> <circle id="Oval" fill="#A8575D" cx="36.75" cy="24.5" r="2.45"> </circle> <g id="Group" transform="translate(1.633333, 0.000000)" fill="#E0747C"> <ellipse id="Oval" cx="33.8916667" cy="24.5" rx="1.225" ry="2.11026667"> </ellipse> <path d="M5.71666667,14.7 L1.13598333,8.8102 C0.39935,7.86368333 0,6.69911667 0,5.50025 C0,4.07026667 0.5684,2.69908333 1.57943333,1.68805 L1.68805,1.57943333 C2.69826667,0.5684 4.07026667,-6.66133815e-16 5.50025,-6.66133815e-16 L5.9339,-6.66133815e-16 C7.36388333,-6.66133815e-16 8.73506667,0.5684 9.7461,1.57943333 L9.85471667,1.68805 C10.8649333,2.69826667 11.4333333,4.07026667 11.4333333,5.50025 C11.4333333,6.69911667 11.0339833,7.86368333 10.29735,8.8102 L5.71666667,14.7 Z" id="Shape"> </path> <path d="M40.8333333,21.2333333 L36.25265,15.3435333 C35.5160167,14.3970167 35.1166667,13.23245 35.1166667,12.0335833 C35.1166667,10.6036 35.6850667,9.23241667 36.6961,8.22138333 L36.8047167,8.11276667 C37.8149333,7.10173333 39.1869333,6.53333333 40.6169167,6.53333333 L41.0505667,6.53333333 C42.48055,6.53333333 43.8517333,7.10173333 44.8627667,8.11276667 L44.9713833,8.22138333 C45.9816,9.2316 46.55,10.6036 46.55,12.0335833 C46.55,13.23245 46.15065,14.3970167 45.4140167,15.3435333 L40.8333333,21.2333333 Z" id="Shape"> </path> </g> <circle id="Oval" fill="#BAAE9B" cx="42.4666667" cy="12.25" r="2.45"> </circle> <ellipse id="Oval" fill="#F8E8CE" cx="41.2416667" cy="12.25" rx="1.225" ry="2.11026667"> </ellipse> <circle id="Oval" fill="#BAAE9B" cx="7.35" cy="5.71666667" r="2.45"> </circle> <ellipse id="Oval" fill="#F8E8CE" cx="6.125" cy="5.71666667" rx="1.225" ry="2.11026667"> </ellipse> <path d="M25.3166667,24.1619 L25.3166667,3.28708333 C25.0455333,3.27728333 24.7735833,3.26666667 24.5,3.26666667 C24.2264167,3.26666667 23.9544667,3.27728333 23.6833333,3.28708333 L23.6833333,24.5 C23.6833333,24.7172333 23.7690833,24.9246667 23.9226167,25.0773833 L38.92315,40.0779167 C39.3225,39.7079667 39.7079667,39.3225 40.0779167,38.92315 L25.3166667,24.1619 Z" id="Shape" fill="#695B52"> </path> <path d="M24.5,23.6833333 L3.28708333,23.6833333 C3.27728333,23.9544667 3.26666667,24.2264167 3.26666667,24.5 C3.26666667,24.7735833 3.27728333,25.0455333 3.28708333,25.3166667 L24.5,25.3166667 L24.5,23.6833333 Z" id="Shape" fill="#695B52"> </path> </g> </g> </svg>