progressive-webapps/loading-performance/offscreen-images
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Offscreen Images
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.08 KB
1.68 KB
-59%
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/loading-performance/offscreen-images</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/offscreen-images" 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="#092339" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="invisible-man" transform="translate(12.000000, 12.000000)" fill-rule="nonzero"> <path d="M36.1647754,7.17773438 L35.8096211,5.59786719 L35.5560078,4.47718359 L35.4559023,4.47718359 C35.0009297,3.36099805 34.265834,2.36367578 33.3207656,1.59785938 C32.0491582,0.567519531 30.4460352,0 28.8066406,0 C27.2420859,0 25.7328477,0.512394531 24.5,1.43746094 L21.6289062,10.0488281 L36.1647754,7.17773438 Z" id="Shape" fill="#FA9647"> </path> <path d="M24.5,1.43746094 C23.2671523,0.512394531 21.7579141,0 20.1933594,0 C18.5540605,0 16.9508418,0.567519531 15.6792344,1.59785938 C14.734166,2.36367578 13.9990703,3.36090234 13.5441934,4.47718359 L13.4423652,4.47718359 L12.8352246,7.17773438 L24.5,10.0488281 L24.5,1.43746094 Z" id="Shape" fill="#F9B233"> </path> <polygon id="Shape" fill="#B440A1" points="24.5 7.17773438 21.6289062 12.9199219 37.4558105 12.9199219 36.1647754 7.17773438"> </polygon> <polygon id="Shape" fill="#FF2796" points="12.8352246 7.17773438 11.5442852 12.9199219 24.5 12.9199219 24.5 7.17773438"> </polygon> <path d="M49,47.46875 C49,40.3447051 43.204123,34.5488281 36.0800781,34.5488281 L24.5,34.5488281 L18.7578125,41.7744141 L24.5,49 L49,49 L49,47.46875 Z" id="Shape" fill="#FB7A5B"> </path> <path d="M12.9199219,34.5488281 C5.79587695,34.5488281 0,40.3447051 0,47.46875 L0,49 L24.5,49 L24.5,34.5488281 L12.9199219,34.5488281 Z" id="Shape" fill="#FA9647"> </path> <polygon id="Shape" fill="#FD5F6E" points="24.5 43.2578125 37.4199219 43.2578125 37.4199219 30.1464844 28.0888672 36.7021484"> </polygon> <polygon id="Shape" fill="#FB7A5B" points="24.5 43.2578125 11.5800781 43.2578125 11.5800781 30.1464844 20.9111328 36.7021484"> </polygon> <polygon id="Shape" fill="#FCD999" points="24.5 30.1464844 22.5859375 36.7021484 24.5 43.2578125 37.4199219 30.1464844"> </polygon> <polygon id="Shape" fill="#FEECCC" points="11.5800781 30.1464844 24.5 43.2578125 24.5 30.1464844"> </polygon> <polygon id="Shape" fill="#FB7A5B" points="43.1621094 11.484375 24.5 11.484375 21.6289062 12.9199219 24.5 14.3554688 43.1621094 14.3554688"> </polygon> <rect id="Rectangle-path" fill="#FA9647" x="5.83789062" y="11.484375" width="18.6621094" height="2.87109375"> </rect> <polygon id="Shape" fill="#293560" points="28.8066406 20.8154297 24.5 20.8154297 23.5429688 22.2509766 24.5 23.6865234 28.8066406 23.6865234"> </polygon> <rect id="Rectangle-path" fill="#484686" x="20.1933594" y="20.8154297" width="4.30664062" height="2.87109375"> </rect> <path d="M30.9599609,17.2265625 C28.1895469,17.2265625 25.9355469,19.4805625 25.9355469,22.2509766 C25.9355469,25.0213906 28.1895469,27.2753906 30.9599609,27.2753906 C33.730375,27.2753906 35.984375,25.0213906 35.984375,22.2509766 C35.984375,19.4805625 33.730375,17.2265625 30.9599609,17.2265625 Z" id="Shape" fill="#092339"> </path> <path d="M18.0400391,17.2265625 C15.2695293,17.2265625 13.015625,19.4805625 13.015625,22.2509766 C13.015625,25.0213906 15.2695293,27.2753906 18.0400391,27.2753906 C20.8105488,27.2753906 23.0644531,25.0213906 23.0644531,22.2509766 C23.0644531,19.4805625 20.8105488,17.2265625 18.0400391,17.2265625 Z" id="Shape" fill="#293560"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/loading-performance/offscreen-images
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.08 KB
1.68 KB
-59%
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/loading-performance/offscreen-images</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/offscreen-images" 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="#092339" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="invisible-man" transform="translate(12.000000, 12.000000)" fill-rule="nonzero"> <path d="M36.1647754,7.17773438 L35.8096211,5.59786719 L35.5560078,4.47718359 L35.4559023,4.47718359 C35.0009297,3.36099805 34.265834,2.36367578 33.3207656,1.59785938 C32.0491582,0.567519531 30.4460352,0 28.8066406,0 C27.2420859,0 25.7328477,0.512394531 24.5,1.43746094 L21.6289062,10.0488281 L36.1647754,7.17773438 Z" id="Shape" fill="#FA9647"> </path> <path d="M24.5,1.43746094 C23.2671523,0.512394531 21.7579141,0 20.1933594,0 C18.5540605,0 16.9508418,0.567519531 15.6792344,1.59785938 C14.734166,2.36367578 13.9990703,3.36090234 13.5441934,4.47718359 L13.4423652,4.47718359 L12.8352246,7.17773438 L24.5,10.0488281 L24.5,1.43746094 Z" id="Shape" fill="#F9B233"> </path> <polygon id="Shape" fill="#B440A1" points="24.5 7.17773438 21.6289062 12.9199219 37.4558105 12.9199219 36.1647754 7.17773438"> </polygon> <polygon id="Shape" fill="#FF2796" points="12.8352246 7.17773438 11.5442852 12.9199219 24.5 12.9199219 24.5 7.17773438"> </polygon> <path d="M49,47.46875 C49,40.3447051 43.204123,34.5488281 36.0800781,34.5488281 L24.5,34.5488281 L18.7578125,41.7744141 L24.5,49 L49,49 L49,47.46875 Z" id="Shape" fill="#FB7A5B"> </path> <path d="M12.9199219,34.5488281 C5.79587695,34.5488281 0,40.3447051 0,47.46875 L0,49 L24.5,49 L24.5,34.5488281 L12.9199219,34.5488281 Z" id="Shape" fill="#FA9647"> </path> <polygon id="Shape" fill="#FD5F6E" points="24.5 43.2578125 37.4199219 43.2578125 37.4199219 30.1464844 28.0888672 36.7021484"> </polygon> <polygon id="Shape" fill="#FB7A5B" points="24.5 43.2578125 11.5800781 43.2578125 11.5800781 30.1464844 20.9111328 36.7021484"> </polygon> <polygon id="Shape" fill="#FCD999" points="24.5 30.1464844 22.5859375 36.7021484 24.5 43.2578125 37.4199219 30.1464844"> </polygon> <polygon id="Shape" fill="#FEECCC" points="11.5800781 30.1464844 24.5 43.2578125 24.5 30.1464844"> </polygon> <polygon id="Shape" fill="#FB7A5B" points="43.1621094 11.484375 24.5 11.484375 21.6289062 12.9199219 24.5 14.3554688 43.1621094 14.3554688"> </polygon> <rect id="Rectangle-path" fill="#FA9647" x="5.83789062" y="11.484375" width="18.6621094" height="2.87109375"> </rect> <polygon id="Shape" fill="#293560" points="28.8066406 20.8154297 24.5 20.8154297 23.5429688 22.2509766 24.5 23.6865234 28.8066406 23.6865234"> </polygon> <rect id="Rectangle-path" fill="#484686" x="20.1933594" y="20.8154297" width="4.30664062" height="2.87109375"> </rect> <path d="M30.9599609,17.2265625 C28.1895469,17.2265625 25.9355469,19.4805625 25.9355469,22.2509766 C25.9355469,25.0213906 28.1895469,27.2753906 30.9599609,27.2753906 C33.730375,27.2753906 35.984375,25.0213906 35.984375,22.2509766 C35.984375,19.4805625 33.730375,17.2265625 30.9599609,17.2265625 Z" id="Shape" fill="#092339"> </path> <path d="M18.0400391,17.2265625 C15.2695293,17.2265625 13.015625,19.4805625 13.015625,22.2509766 C13.015625,25.0213906 15.2695293,27.2753906 18.0400391,27.2753906 C20.8105488,27.2753906 23.0644531,25.0213906 23.0644531,22.2509766 C23.0644531,19.4805625 20.8105488,17.2265625 18.0400391,17.2265625 Z" id="Shape" fill="#293560"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/loading-performance/offscreen-images
Created with Sketch.
100%
Download SVG