progressive-webapps/rendering-performance/requestanimationframe
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Requestanimationframe
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
5.21 KB
2.08 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/requestanimationframe</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/rendering-performance/requestanimationframe" 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="#2B4747" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="art" transform="translate(11.000000, 15.000000)" fill-rule="nonzero"> <path d="M35.7410625,5.44070312 L35.7410625,37.0124219 C35.7410625,40.0125781 33.3001094,42.453125 30.2994453,42.453125 L5.44161719,42.453125 C2.44095312,42.453125 -2.84217094e-14,40.0125781 -2.84217094e-14,37.0124219 L-2.84217094e-14,5.44070312 C-2.84217094e-14,2.44054688 2.44095312,0 5.44161719,0 L30.2993437,0 C33.3001094,0 35.7410625,2.44054688 35.7410625,5.44070312 Z" id="Shape" fill="#FF5C5C"> </path> <path d="M35.7410625,5.44070312 L35.7410625,37.0124219 C35.7410625,40.0125781 33.3001094,42.453125 30.2994453,42.453125 L17.8710391,42.453125 L17.8710391,0 L30.2993437,0 C33.3001094,0 35.7410625,2.44054687 35.7410625,5.44070312 Z" id="Shape" fill="#E20059"> </path> <path d="M31.1709531,6.15570312 L31.1709531,23.4934375 L17.8710391,26.4001562 L4.57010937,29.306875 L4.57010937,6.15570313 C4.57010937,5.31476563 5.25169531,4.63226563 6.09385156,4.63226563 L29.6473125,4.63226563 C30.4893672,4.63226563 31.1709531,5.31476563 31.1709531,6.15570312 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M31.1709531,6.15570312 L31.1709531,23.4934375 L17.8710391,26.4001563 L17.8710391,4.63226562 L29.6472109,4.63226562 C30.4893672,4.63226562 31.1709531,5.31476562 31.1709531,6.15570312 Z" id="Shape" fill="#C8FFFF"> </path> <path d="M31.1709531,23.4934375 L31.1709531,36.4416406 C31.1709531,37.2835937 30.4893672,37.9650781 29.6472109,37.9650781 L6.09385156,37.9650781 C5.25179688,37.9650781 4.57010938,37.2835937 4.57010938,36.4416406 L4.57010938,29.306875 L10.6548203,22.2655469 C11.2074219,21.6957812 12.1053359,21.645 12.7179609,22.1497656 L16.5841406,24.4978906 L17.8711406,22.7266406 L22.6596094,16.1352344 C22.936875,15.7533594 23.3747109,15.5217969 23.8470781,15.5075781 C24.3204609,15.4923437 24.7704844,15.6995312 25.0700937,16.0641406 L31.1709531,23.4934375 Z" id="Shape" fill="#ACE233"> </path> <path d="M11.2664297,8.968375 C9.21892969,8.968375 7.55310156,10.6312578 7.55310156,12.6753047 C7.55310156,14.71925 9.21892969,16.3821328 11.2664297,16.3821328 C13.3139297,16.3821328 14.9797578,14.71925 14.9797578,12.6753047 C14.9797578,10.6312578 13.3140312,8.968375 11.2664297,8.968375 Z" id="Shape" fill="#FFDC48"> </path> <path d="M52,21.23875 C52,32.8077344 49.3304297,41.8021094 49.3040234,41.8914844 C49.2034766,42.2246094 48.8956406,42.453125 48.5472812,42.453125 L46.2180469,42.453125 C45.8685703,42.453125 45.5618516,42.2246094 45.4613047,41.8914844 C45.4348984,41.8021094 42.7653281,32.8077344 42.7653281,21.23875 C42.7653281,16.9477344 43.8156875,13.2010938 44.2728203,11.7751562 L47.3821562,7.71265625 L50.4925078,11.7751562 C50.948625,13.2010937 52,16.94875 52,21.23875 Z" id="Shape" fill="#FFDC48"> </path> <path d="M52,21.23875 C52,32.8077344 49.3304297,41.8021094 49.3040234,41.8914844 C49.2034766,42.2246094 48.8956406,42.453125 48.5472812,42.453125 L47.3821562,42.453125 L47.3821562,7.71265625 L50.4925078,11.7751562 C50.948625,13.2010937 52,16.94875 52,21.23875 Z" id="Shape" fill="#FFC200"> </path> <path d="M31.1709531,23.4934375 L31.1709531,36.4416406 C31.1709531,37.2835937 30.4893672,37.9650781 29.6472109,37.9650781 L17.8710391,37.9650781 L17.8710391,22.7266406 L22.6595078,16.1352344 C22.9367734,15.7533594 23.3746094,15.5217969 23.8469766,15.5075781 C24.3203594,15.4923437 24.7703828,15.6995312 25.0699922,16.0641406 L31.1709531,23.4934375 Z" id="Shape" fill="#00CB75"> </path> <path d="M52,8.116875 C52,8.24179688 51.9888281,10.5716406 50.4925078,11.7751562 L44.2727188,11.7751562 C42.7713203,10.5675781 42.7642109,8.2265625 42.7652266,8.11585937 C42.7652266,6.6178125 43.4539219,4.83132812 44.8131328,2.81226562 C45.7944297,1.35382812 46.7664844,0.316875 46.8071094,0.273203125 C46.9564063,0.114765625 47.1647109,0.024375 47.3820547,0.024375 C47.6004141,0.024375 47.8087188,0.114765625 47.9580156,0.273203125 C47.9986406,0.316875 48.9697812,1.35382812 49.9509766,2.81226562 C51.3102891,4.8303125 51.9989844,6.61476562 52,8.116875 Z" id="Shape" fill="#2A5959"> </path> <path d="M52,8.116875 C52,8.24179688 51.9888281,10.5716406 50.4925078,11.7751562 L47.3821562,11.7751562 L47.3821562,0.024375 C47.6005156,0.024375 47.8088203,0.114765625 47.9581172,0.273203125 C47.9987422,0.316875 48.9698828,1.35382812 49.9510781,2.81226562 C51.3102891,4.8303125 51.9989844,6.61476562 52,8.116875 Z" id="Shape" fill="#2B4747"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/rendering-performance/requestanimationframe
Created with Sketch.
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.21 KB
2.08 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/requestanimationframe</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/rendering-performance/requestanimationframe" 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="#2B4747" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="art" transform="translate(11.000000, 15.000000)" fill-rule="nonzero"> <path d="M35.7410625,5.44070312 L35.7410625,37.0124219 C35.7410625,40.0125781 33.3001094,42.453125 30.2994453,42.453125 L5.44161719,42.453125 C2.44095312,42.453125 -2.84217094e-14,40.0125781 -2.84217094e-14,37.0124219 L-2.84217094e-14,5.44070312 C-2.84217094e-14,2.44054688 2.44095312,0 5.44161719,0 L30.2993437,0 C33.3001094,0 35.7410625,2.44054688 35.7410625,5.44070312 Z" id="Shape" fill="#FF5C5C"> </path> <path d="M35.7410625,5.44070312 L35.7410625,37.0124219 C35.7410625,40.0125781 33.3001094,42.453125 30.2994453,42.453125 L17.8710391,42.453125 L17.8710391,0 L30.2993437,0 C33.3001094,0 35.7410625,2.44054687 35.7410625,5.44070312 Z" id="Shape" fill="#E20059"> </path> <path d="M31.1709531,6.15570312 L31.1709531,23.4934375 L17.8710391,26.4001562 L4.57010937,29.306875 L4.57010937,6.15570313 C4.57010937,5.31476563 5.25169531,4.63226563 6.09385156,4.63226563 L29.6473125,4.63226563 C30.4893672,4.63226563 31.1709531,5.31476563 31.1709531,6.15570312 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M31.1709531,6.15570312 L31.1709531,23.4934375 L17.8710391,26.4001563 L17.8710391,4.63226562 L29.6472109,4.63226562 C30.4893672,4.63226562 31.1709531,5.31476562 31.1709531,6.15570312 Z" id="Shape" fill="#C8FFFF"> </path> <path d="M31.1709531,23.4934375 L31.1709531,36.4416406 C31.1709531,37.2835937 30.4893672,37.9650781 29.6472109,37.9650781 L6.09385156,37.9650781 C5.25179688,37.9650781 4.57010938,37.2835937 4.57010938,36.4416406 L4.57010938,29.306875 L10.6548203,22.2655469 C11.2074219,21.6957812 12.1053359,21.645 12.7179609,22.1497656 L16.5841406,24.4978906 L17.8711406,22.7266406 L22.6596094,16.1352344 C22.936875,15.7533594 23.3747109,15.5217969 23.8470781,15.5075781 C24.3204609,15.4923437 24.7704844,15.6995312 25.0700937,16.0641406 L31.1709531,23.4934375 Z" id="Shape" fill="#ACE233"> </path> <path d="M11.2664297,8.968375 C9.21892969,8.968375 7.55310156,10.6312578 7.55310156,12.6753047 C7.55310156,14.71925 9.21892969,16.3821328 11.2664297,16.3821328 C13.3139297,16.3821328 14.9797578,14.71925 14.9797578,12.6753047 C14.9797578,10.6312578 13.3140312,8.968375 11.2664297,8.968375 Z" id="Shape" fill="#FFDC48"> </path> <path d="M52,21.23875 C52,32.8077344 49.3304297,41.8021094 49.3040234,41.8914844 C49.2034766,42.2246094 48.8956406,42.453125 48.5472812,42.453125 L46.2180469,42.453125 C45.8685703,42.453125 45.5618516,42.2246094 45.4613047,41.8914844 C45.4348984,41.8021094 42.7653281,32.8077344 42.7653281,21.23875 C42.7653281,16.9477344 43.8156875,13.2010938 44.2728203,11.7751562 L47.3821562,7.71265625 L50.4925078,11.7751562 C50.948625,13.2010937 52,16.94875 52,21.23875 Z" id="Shape" fill="#FFDC48"> </path> <path d="M52,21.23875 C52,32.8077344 49.3304297,41.8021094 49.3040234,41.8914844 C49.2034766,42.2246094 48.8956406,42.453125 48.5472812,42.453125 L47.3821562,42.453125 L47.3821562,7.71265625 L50.4925078,11.7751562 C50.948625,13.2010937 52,16.94875 52,21.23875 Z" id="Shape" fill="#FFC200"> </path> <path d="M31.1709531,23.4934375 L31.1709531,36.4416406 C31.1709531,37.2835937 30.4893672,37.9650781 29.6472109,37.9650781 L17.8710391,37.9650781 L17.8710391,22.7266406 L22.6595078,16.1352344 C22.9367734,15.7533594 23.3746094,15.5217969 23.8469766,15.5075781 C24.3203594,15.4923437 24.7703828,15.6995312 25.0699922,16.0641406 L31.1709531,23.4934375 Z" id="Shape" fill="#00CB75"> </path> <path d="M52,8.116875 C52,8.24179688 51.9888281,10.5716406 50.4925078,11.7751562 L44.2727188,11.7751562 C42.7713203,10.5675781 42.7642109,8.2265625 42.7652266,8.11585937 C42.7652266,6.6178125 43.4539219,4.83132812 44.8131328,2.81226562 C45.7944297,1.35382812 46.7664844,0.316875 46.8071094,0.273203125 C46.9564063,0.114765625 47.1647109,0.024375 47.3820547,0.024375 C47.6004141,0.024375 47.8087188,0.114765625 47.9580156,0.273203125 C47.9986406,0.316875 48.9697812,1.35382812 49.9509766,2.81226562 C51.3102891,4.8303125 51.9989844,6.61476562 52,8.116875 Z" id="Shape" fill="#2A5959"> </path> <path d="M52,8.116875 C52,8.24179688 51.9888281,10.5716406 50.4925078,11.7751562 L47.3821562,11.7751562 L47.3821562,0.024375 C47.6005156,0.024375 47.8088203,0.114765625 47.9581172,0.273203125 C47.9987422,0.316875 48.9698828,1.35382812 49.9510781,2.81226562 C51.3102891,4.8303125 51.9989844,6.61476562 52,8.116875 Z" id="Shape" fill="#2B4747"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/rendering-performance/requestanimationframe
Created with Sketch.
100%
Download