progressive-webapps/rendering-performance/paint-areas
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Paint Areas
Web Skills Flat Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
4.52 KB
1.81 KB
-60%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <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>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/rendering-performance/paint-areas
Created with Sketch.
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
4.52 KB
1.81 KB
-60%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <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>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/rendering-performance/paint-areas
Created with Sketch.
100%
Download SVG