progressive-webapps/loading-performance/first-cpu-idle
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
First Cpu Idle
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
8.87 KB
2.33 KB
-74%
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/first-cpu-idle</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/first-cpu-idle" 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="#3B3B3B" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="cpu" transform="translate(6.000000, 6.000000)" fill-rule="nonzero"> <path d="M12.5083359,9.80860938 L48.2543359,9.80860938 C49.8944258,9.80860938 51.223916,11.1380996 51.223916,12.7781895 L51.223916,48.5241895 C51.223916,50.1641602 49.8944258,51.4937695 48.2543359,51.4937695 L12.5083359,51.4937695 C10.8683652,51.4937695 9.53875586,50.1642793 9.53875586,48.5241895 L9.53875586,12.7781895 C9.53875586,11.1382188 10.8682461,9.80860938 12.5083359,9.80860938 Z" id="Shape" fill="#4D4D4D"> </path> <path d="M47.6124062,9.80860938 L42.7350273,9.80860938 L18.0275254,51.4937695 L47.6124062,51.4937695 C49.6069395,51.4937695 51.2237969,49.8769121 51.2237969,47.8823789 L51.2237969,13.42 C51.2237969,11.4255859 49.6069395,9.80860938 47.6124062,9.80860938 Z" id="Shape" fill="#3B3B3B"> </path> <rect id="Rectangle-path" fill="#CCCCCC" x="22.5890625" y="22.8595117" width="15.5835938" height="15.5835938"> </rect> <polygon id="Shape" fill="#ADADAD" points="38.1728945 38.442748 38.1728945 22.8596309 34.999584 22.8596309 25.7630879 38.442748"> </polygon> <g id="Group" fill="#EBEBEB"> <path d="M16.9712246,13.159082 C16.4777441,13.159082 16.0776699,12.7590078 16.0776699,12.2655273 L16.0776699,0.893554687 C16.0776699,0.400074219 16.4777441,0 16.9712246,0 C17.4647051,0 17.8647793,0.400074219 17.8647793,0.893554687 L17.8647793,12.2655273 C17.8647793,12.759127 17.4647051,13.159082 16.9712246,13.159082 Z" id="Shape"> </path> <path d="M23.7356719,13.159082 C23.2421914,13.159082 22.8421172,12.7590078 22.8421172,12.2655273 L22.8421172,0.893554687 C22.8421172,0.400074219 23.2421914,0 23.7356719,0 C24.2291523,0 24.6292266,0.400074219 24.6292266,0.893554687 L24.6292266,12.2655273 C24.6292266,12.759127 24.2291523,13.159082 23.7356719,13.159082 Z" id="Shape"> </path> <path d="M30.5,13.159082 C30.0065195,13.159082 29.6064453,12.7590078 29.6064453,12.2655273 L29.6064453,0.893554687 C29.6064453,0.400074219 30.0065195,0 30.5,0 C30.9934805,0 31.3935547,0.400074219 31.3935547,0.893554687 L31.3935547,12.2655273 C31.3935547,12.759127 30.9934805,13.159082 30.5,13.159082 Z" id="Shape"> </path> <path d="M37.2644473,13.159082 C36.7709668,13.159082 36.3708926,12.7590078 36.3708926,12.2655273 L36.3708926,0.893554687 C36.3708926,0.400074219 36.7709668,0 37.2644473,0 C37.7579277,0 38.158002,0.400074219 38.158002,0.893554687 L38.158002,12.2655273 C38.158002,12.759127 37.7579277,13.159082 37.2644473,13.159082 Z" id="Shape"> </path> <path d="M44.0287754,13.159082 C43.5352949,13.159082 43.1352207,12.7590078 43.1352207,12.2655273 L43.1352207,0.893554687 C43.1352207,0.400074219 43.5352949,0 44.0287754,0 C44.5222559,0 44.9223301,0.400074219 44.9223301,0.893554687 L44.9223301,12.2655273 C44.9223301,12.759127 44.5222559,13.159082 44.0287754,13.159082 Z" id="Shape"> </path> <path d="M16.9712246,61 C16.4777441,61 16.0776699,60.5999258 16.0776699,60.1064453 L16.0776699,48.7344727 C16.0776699,48.2409922 16.4777441,47.840918 16.9712246,47.840918 C17.4647051,47.840918 17.8647793,48.2409922 17.8647793,48.7344727 L17.8647793,60.1064453 C17.8647793,60.5999258 17.4647051,61 16.9712246,61 Z" id="Shape"> </path> <path d="M23.7356719,61 C23.2421914,61 22.8421172,60.5999258 22.8421172,60.1064453 L22.8421172,48.7344727 C22.8421172,48.2409922 23.2421914,47.840918 23.7356719,47.840918 C24.2291523,47.840918 24.6292266,48.2409922 24.6292266,48.7344727 L24.6292266,60.1064453 C24.6292266,60.5999258 24.2291523,61 23.7356719,61 Z" id="Shape"> </path> <path d="M30.5,61 C30.0065195,61 29.6064453,60.5999258 29.6064453,60.1064453 L29.6064453,48.7344727 C29.6064453,48.2409922 30.0065195,47.840918 30.5,47.840918 C30.9934805,47.840918 31.3935547,48.2409922 31.3935547,48.7344727 L31.3935547,60.1064453 C31.3935547,60.5999258 30.9934805,61 30.5,61 Z" id="Shape"> </path> <path d="M37.2644473,61 C36.7709668,61 36.3708926,60.5999258 36.3708926,60.1064453 L36.3708926,48.7344727 C36.3708926,48.2409922 36.7709668,47.840918 37.2644473,47.840918 C37.7579277,47.840918 38.158002,48.2409922 38.158002,48.7344727 L38.158002,60.1064453 C38.158002,60.5999258 37.7579277,61 37.2644473,61 Z" id="Shape"> </path> <path d="M44.0287754,61 C43.5352949,61 43.1352207,60.5999258 43.1352207,60.1064453 L43.1352207,48.7344727 C43.1352207,48.2409922 43.5352949,47.840918 44.0287754,47.840918 C44.5222559,47.840918 44.9223301,48.2409922 44.9223301,48.7344727 L44.9223301,60.1064453 C44.9223301,60.5999258 44.5222559,61 44.0287754,61 Z" id="Shape"> </path> <path d="M60.1064453,17.8647793 L48.7344727,17.8647793 C48.2409922,17.8647793 47.840918,17.4647051 47.840918,16.9712246 C47.840918,16.4777441 48.2409922,16.0776699 48.7344727,16.0776699 L60.1064453,16.0776699 C60.5999258,16.0776699 61,16.4777441 61,16.9712246 C61,17.4647051 60.5999258,17.8647793 60.1064453,17.8647793 Z" id="Shape"> </path> <path d="M60.1064453,24.6292266 L48.7344727,24.6292266 C48.2409922,24.6292266 47.840918,24.2291523 47.840918,23.7356719 C47.840918,23.2421914 48.2409922,22.8421172 48.7344727,22.8421172 L60.1064453,22.8421172 C60.5999258,22.8421172 61,23.2421914 61,23.7356719 C61,24.2291523 60.5999258,24.6292266 60.1064453,24.6292266 Z" id="Shape"> </path> <path d="M60.1064453,31.3935547 L48.7344727,31.3935547 C48.2409922,31.3935547 47.840918,30.9934805 47.840918,30.5 C47.840918,30.0065195 48.2409922,29.6064453 48.7344727,29.6064453 L60.1064453,29.6064453 C60.5999258,29.6064453 61,30.0065195 61,30.5 C61,30.9934805 60.5999258,31.3935547 60.1064453,31.3935547 Z" id="Shape"> </path> <path d="M60.1064453,38.158002 L48.7344727,38.158002 C48.2409922,38.158002 47.840918,37.7579277 47.840918,37.2644473 C47.840918,36.7709668 48.2409922,36.3708926 48.7344727,36.3708926 L60.1064453,36.3708926 C60.5999258,36.3708926 61,36.7709668 61,37.2644473 C61,37.7579277 60.5999258,38.158002 60.1064453,38.158002 Z" id="Shape"> </path> <path d="M60.1064453,44.9223301 L48.7344727,44.9223301 C48.2409922,44.9223301 47.840918,44.5222559 47.840918,44.0287754 C47.840918,43.5352949 48.2409922,43.1352207 48.7344727,43.1352207 L60.1064453,43.1352207 C60.5999258,43.1352207 61,43.5352949 61,44.0287754 C61,44.5222559 60.5999258,44.9223301 60.1064453,44.9223301 Z" id="Shape"> </path> <path d="M12.2656465,17.8647793 L0.893554688,17.8647793 C0.400074219,17.8647793 0,17.4647051 0,16.9712246 C0,16.4777441 0.400074219,16.0776699 0.893554688,16.0776699 L12.2656465,16.0776699 C12.759127,16.0776699 13.1592012,16.4777441 13.1592012,16.9712246 C13.1592012,17.4647051 12.759127,17.8647793 12.2656465,17.8647793 Z" id="Shape"> </path> <path d="M12.2656465,24.6292266 L0.893554688,24.6292266 C0.400074219,24.6292266 0,24.2291523 0,23.7356719 C0,23.2421914 0.400074219,22.8421172 0.893554688,22.8421172 L12.2656465,22.8421172 C12.759127,22.8421172 13.1592012,23.2421914 13.1592012,23.7356719 C13.1592012,24.2291523 12.759127,24.6292266 12.2656465,24.6292266 Z" id="Shape"> </path> <path d="M12.2656465,31.3935547 L0.893554688,31.3935547 C0.400074219,31.3935547 0,30.9934805 0,30.5 C0,30.0065195 0.400074219,29.6064453 0.893554688,29.6064453 L12.2656465,29.6064453 C12.759127,29.6064453 13.1592012,30.0065195 13.1592012,30.5 C13.1592012,30.9934805 12.759127,31.3935547 12.2656465,31.3935547 Z" id="Shape"> </path> <path d="M12.2656465,38.158002 L0.893554688,38.158002 C0.400074219,38.158002 0,37.7579277 0,37.2644473 C0,36.7709668 0.400074219,36.3708926 0.893554688,36.3708926 L12.2656465,36.3708926 C12.759127,36.3708926 13.1592012,36.7709668 13.1592012,37.2644473 C13.1592012,37.7579277 12.759127,38.158002 12.2656465,38.158002 Z" id="Shape"> </path> <path d="M12.2656465,44.9223301 L0.893554688,44.9223301 C0.400074219,44.9223301 0,44.5222559 0,44.0287754 C0,43.5352949 0.400074219,43.1352207 0.893554688,43.1352207 L12.2656465,43.1352207 C12.759127,43.1352207 13.1592012,43.5352949 13.1592012,44.0287754 C13.1592012,44.5222559 12.759127,44.9223301 12.2656465,44.9223301 Z" id="Shape"> </path> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/loading-performance/first-cpu-idle
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
8.87 KB
2.33 KB
-74%
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/first-cpu-idle</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/first-cpu-idle" 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="#3B3B3B" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="cpu" transform="translate(6.000000, 6.000000)" fill-rule="nonzero"> <path d="M12.5083359,9.80860938 L48.2543359,9.80860938 C49.8944258,9.80860938 51.223916,11.1380996 51.223916,12.7781895 L51.223916,48.5241895 C51.223916,50.1641602 49.8944258,51.4937695 48.2543359,51.4937695 L12.5083359,51.4937695 C10.8683652,51.4937695 9.53875586,50.1642793 9.53875586,48.5241895 L9.53875586,12.7781895 C9.53875586,11.1382188 10.8682461,9.80860938 12.5083359,9.80860938 Z" id="Shape" fill="#4D4D4D"> </path> <path d="M47.6124062,9.80860938 L42.7350273,9.80860938 L18.0275254,51.4937695 L47.6124062,51.4937695 C49.6069395,51.4937695 51.2237969,49.8769121 51.2237969,47.8823789 L51.2237969,13.42 C51.2237969,11.4255859 49.6069395,9.80860938 47.6124062,9.80860938 Z" id="Shape" fill="#3B3B3B"> </path> <rect id="Rectangle-path" fill="#CCCCCC" x="22.5890625" y="22.8595117" width="15.5835938" height="15.5835938"> </rect> <polygon id="Shape" fill="#ADADAD" points="38.1728945 38.442748 38.1728945 22.8596309 34.999584 22.8596309 25.7630879 38.442748"> </polygon> <g id="Group" fill="#EBEBEB"> <path d="M16.9712246,13.159082 C16.4777441,13.159082 16.0776699,12.7590078 16.0776699,12.2655273 L16.0776699,0.893554687 C16.0776699,0.400074219 16.4777441,0 16.9712246,0 C17.4647051,0 17.8647793,0.400074219 17.8647793,0.893554687 L17.8647793,12.2655273 C17.8647793,12.759127 17.4647051,13.159082 16.9712246,13.159082 Z" id="Shape"> </path> <path d="M23.7356719,13.159082 C23.2421914,13.159082 22.8421172,12.7590078 22.8421172,12.2655273 L22.8421172,0.893554687 C22.8421172,0.400074219 23.2421914,0 23.7356719,0 C24.2291523,0 24.6292266,0.400074219 24.6292266,0.893554687 L24.6292266,12.2655273 C24.6292266,12.759127 24.2291523,13.159082 23.7356719,13.159082 Z" id="Shape"> </path> <path d="M30.5,13.159082 C30.0065195,13.159082 29.6064453,12.7590078 29.6064453,12.2655273 L29.6064453,0.893554687 C29.6064453,0.400074219 30.0065195,0 30.5,0 C30.9934805,0 31.3935547,0.400074219 31.3935547,0.893554687 L31.3935547,12.2655273 C31.3935547,12.759127 30.9934805,13.159082 30.5,13.159082 Z" id="Shape"> </path> <path d="M37.2644473,13.159082 C36.7709668,13.159082 36.3708926,12.7590078 36.3708926,12.2655273 L36.3708926,0.893554687 C36.3708926,0.400074219 36.7709668,0 37.2644473,0 C37.7579277,0 38.158002,0.400074219 38.158002,0.893554687 L38.158002,12.2655273 C38.158002,12.759127 37.7579277,13.159082 37.2644473,13.159082 Z" id="Shape"> </path> <path d="M44.0287754,13.159082 C43.5352949,13.159082 43.1352207,12.7590078 43.1352207,12.2655273 L43.1352207,0.893554687 C43.1352207,0.400074219 43.5352949,0 44.0287754,0 C44.5222559,0 44.9223301,0.400074219 44.9223301,0.893554687 L44.9223301,12.2655273 C44.9223301,12.759127 44.5222559,13.159082 44.0287754,13.159082 Z" id="Shape"> </path> <path d="M16.9712246,61 C16.4777441,61 16.0776699,60.5999258 16.0776699,60.1064453 L16.0776699,48.7344727 C16.0776699,48.2409922 16.4777441,47.840918 16.9712246,47.840918 C17.4647051,47.840918 17.8647793,48.2409922 17.8647793,48.7344727 L17.8647793,60.1064453 C17.8647793,60.5999258 17.4647051,61 16.9712246,61 Z" id="Shape"> </path> <path d="M23.7356719,61 C23.2421914,61 22.8421172,60.5999258 22.8421172,60.1064453 L22.8421172,48.7344727 C22.8421172,48.2409922 23.2421914,47.840918 23.7356719,47.840918 C24.2291523,47.840918 24.6292266,48.2409922 24.6292266,48.7344727 L24.6292266,60.1064453 C24.6292266,60.5999258 24.2291523,61 23.7356719,61 Z" id="Shape"> </path> <path d="M30.5,61 C30.0065195,61 29.6064453,60.5999258 29.6064453,60.1064453 L29.6064453,48.7344727 C29.6064453,48.2409922 30.0065195,47.840918 30.5,47.840918 C30.9934805,47.840918 31.3935547,48.2409922 31.3935547,48.7344727 L31.3935547,60.1064453 C31.3935547,60.5999258 30.9934805,61 30.5,61 Z" id="Shape"> </path> <path d="M37.2644473,61 C36.7709668,61 36.3708926,60.5999258 36.3708926,60.1064453 L36.3708926,48.7344727 C36.3708926,48.2409922 36.7709668,47.840918 37.2644473,47.840918 C37.7579277,47.840918 38.158002,48.2409922 38.158002,48.7344727 L38.158002,60.1064453 C38.158002,60.5999258 37.7579277,61 37.2644473,61 Z" id="Shape"> </path> <path d="M44.0287754,61 C43.5352949,61 43.1352207,60.5999258 43.1352207,60.1064453 L43.1352207,48.7344727 C43.1352207,48.2409922 43.5352949,47.840918 44.0287754,47.840918 C44.5222559,47.840918 44.9223301,48.2409922 44.9223301,48.7344727 L44.9223301,60.1064453 C44.9223301,60.5999258 44.5222559,61 44.0287754,61 Z" id="Shape"> </path> <path d="M60.1064453,17.8647793 L48.7344727,17.8647793 C48.2409922,17.8647793 47.840918,17.4647051 47.840918,16.9712246 C47.840918,16.4777441 48.2409922,16.0776699 48.7344727,16.0776699 L60.1064453,16.0776699 C60.5999258,16.0776699 61,16.4777441 61,16.9712246 C61,17.4647051 60.5999258,17.8647793 60.1064453,17.8647793 Z" id="Shape"> </path> <path d="M60.1064453,24.6292266 L48.7344727,24.6292266 C48.2409922,24.6292266 47.840918,24.2291523 47.840918,23.7356719 C47.840918,23.2421914 48.2409922,22.8421172 48.7344727,22.8421172 L60.1064453,22.8421172 C60.5999258,22.8421172 61,23.2421914 61,23.7356719 C61,24.2291523 60.5999258,24.6292266 60.1064453,24.6292266 Z" id="Shape"> </path> <path d="M60.1064453,31.3935547 L48.7344727,31.3935547 C48.2409922,31.3935547 47.840918,30.9934805 47.840918,30.5 C47.840918,30.0065195 48.2409922,29.6064453 48.7344727,29.6064453 L60.1064453,29.6064453 C60.5999258,29.6064453 61,30.0065195 61,30.5 C61,30.9934805 60.5999258,31.3935547 60.1064453,31.3935547 Z" id="Shape"> </path> <path d="M60.1064453,38.158002 L48.7344727,38.158002 C48.2409922,38.158002 47.840918,37.7579277 47.840918,37.2644473 C47.840918,36.7709668 48.2409922,36.3708926 48.7344727,36.3708926 L60.1064453,36.3708926 C60.5999258,36.3708926 61,36.7709668 61,37.2644473 C61,37.7579277 60.5999258,38.158002 60.1064453,38.158002 Z" id="Shape"> </path> <path d="M60.1064453,44.9223301 L48.7344727,44.9223301 C48.2409922,44.9223301 47.840918,44.5222559 47.840918,44.0287754 C47.840918,43.5352949 48.2409922,43.1352207 48.7344727,43.1352207 L60.1064453,43.1352207 C60.5999258,43.1352207 61,43.5352949 61,44.0287754 C61,44.5222559 60.5999258,44.9223301 60.1064453,44.9223301 Z" id="Shape"> </path> <path d="M12.2656465,17.8647793 L0.893554688,17.8647793 C0.400074219,17.8647793 0,17.4647051 0,16.9712246 C0,16.4777441 0.400074219,16.0776699 0.893554688,16.0776699 L12.2656465,16.0776699 C12.759127,16.0776699 13.1592012,16.4777441 13.1592012,16.9712246 C13.1592012,17.4647051 12.759127,17.8647793 12.2656465,17.8647793 Z" id="Shape"> </path> <path d="M12.2656465,24.6292266 L0.893554688,24.6292266 C0.400074219,24.6292266 0,24.2291523 0,23.7356719 C0,23.2421914 0.400074219,22.8421172 0.893554688,22.8421172 L12.2656465,22.8421172 C12.759127,22.8421172 13.1592012,23.2421914 13.1592012,23.7356719 C13.1592012,24.2291523 12.759127,24.6292266 12.2656465,24.6292266 Z" id="Shape"> </path> <path d="M12.2656465,31.3935547 L0.893554688,31.3935547 C0.400074219,31.3935547 0,30.9934805 0,30.5 C0,30.0065195 0.400074219,29.6064453 0.893554688,29.6064453 L12.2656465,29.6064453 C12.759127,29.6064453 13.1592012,30.0065195 13.1592012,30.5 C13.1592012,30.9934805 12.759127,31.3935547 12.2656465,31.3935547 Z" id="Shape"> </path> <path d="M12.2656465,38.158002 L0.893554688,38.158002 C0.400074219,38.158002 0,37.7579277 0,37.2644473 C0,36.7709668 0.400074219,36.3708926 0.893554688,36.3708926 L12.2656465,36.3708926 C12.759127,36.3708926 13.1592012,36.7709668 13.1592012,37.2644473 C13.1592012,37.7579277 12.759127,38.158002 12.2656465,38.158002 Z" id="Shape"> </path> <path d="M12.2656465,44.9223301 L0.893554688,44.9223301 C0.400074219,44.9223301 0,44.5222559 0,44.0287754 C0,43.5352949 0.400074219,43.1352207 0.893554688,43.1352207 L12.2656465,43.1352207 C12.759127,43.1352207 13.1592012,43.5352949 13.1592012,44.0287754 C13.1592012,44.5222559 12.759127,44.9223301 12.2656465,44.9223301 Z" id="Shape"> </path> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/loading-performance/first-cpu-idle
Created with Sketch.
100%
Download SVG