progressive-webapps/loading-performance/lazy-loading
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Lazy Loading
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.52 KB
2.85 KB
-67%
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/lazy-loading</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/lazy-loading" 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="#111632" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="lazy" transform="translate(8.000000, 14.000000)" fill-rule="nonzero"> <path d="M53.723037,23.9291267 L45.5003782,23.9291267 C44.906924,23.9291267 44.4257388,23.4479415 44.4257388,22.8544873 C44.4257388,22.2609201 44.906924,21.779848 45.5003782,21.779848 L53.723037,21.779848 C54.3164912,21.779848 54.7976764,22.2610331 54.7976764,22.8544873 C54.7977895,23.4479415 54.3164912,23.9291267 53.723037,23.9291267 Z" id="Shape" fill="#A5C8CD"> </path> <path d="M53.723037,21.7797349 L45.5003782,21.7797349 C44.906924,21.7797349 44.4257388,21.2985497 44.4257388,20.7050955 C44.4257388,20.1116413 44.906924,19.6304561 45.5003782,19.6304561 L53.723037,19.6304561 C54.3164912,19.6304561 54.7976764,20.1116413 54.7976764,20.7050955 C54.7976764,21.2985497 54.3164912,21.7797349 53.723037,21.7797349 Z" id="Shape" fill="#C8E6EB"> </path> <path d="M53.723037,19.63023 L45.5003782,19.63023 C44.906924,19.63023 44.4257388,19.1490448 44.4257388,18.5555906 C44.4257388,17.9621365 44.906924,17.4809513 45.5003782,17.4809513 L53.723037,17.4809513 C54.3164912,17.4809513 54.7976764,17.9621365 54.7976764,18.5555906 C54.7976764,19.1490448 54.3164912,19.63023 53.723037,19.63023 Z" id="Shape" fill="#A5C8CD"> </path> <path d="M53.723037,17.4809513 L45.5003782,17.4809513 C44.906924,17.4809513 44.4257388,16.9997661 44.4257388,16.4063119 C44.4257388,15.8128577 44.906924,15.3316725 45.5003782,15.3316725 L53.723037,15.3316725 C54.3164912,15.3316725 54.7976764,15.8128577 54.7976764,16.4063119 C54.7976764,16.9997661 54.3164912,17.4809513 53.723037,17.4809513 Z" id="Shape" fill="#C8E6EB"> </path> <path d="M15.321271,13.2992982 C14.4022027,12.8911501 13.9878363,11.815154 14.3960975,10.8959727 L17.4615049,3.99295517 L10.9943353,4.61670955 C9.99273294,4.7131501 9.10351267,3.98006628 9.00695906,2.97891618 C8.91040546,1.97787914 9.64360234,1.08809357 10.6446394,0.991539961 L20.2170136,0.068288499 C20.861345,0.00644444444 21.4904133,0.290904483 21.8690526,0.816070175 C22.247692,1.34134893 22.318807,2.02807797 22.0560546,2.61983626 L17.7244834,12.3738986 C17.3184834,13.2885575 16.2450877,13.7093684 15.321271,13.2992982 Z" id="Shape" fill="#1B224A"> </path> <path d="M10.6445263,0.991879142 C9.64348928,1.08843275 8.9102924,1.97821832 9.006846,2.97925536 C9.10351267,3.9802924 9.99261988,4.71348928 10.9942222,4.61704873 L10.6445263,0.991879142 Z" id="Shape" fill="#F5A287"> </path> <path d="M10.6390994,0.992670565 L11.0123119,4.61523977 L12.2022729,4.50048343 L11.8290604,0.877688109 L10.6445263,0.991879142 C10.6427173,0.992105263 10.6409084,0.992444444 10.6390994,0.992670565 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M16.601115,44.7120078 C15.9470604,44.7120078 15.4170331,44.1818674 15.4170331,43.5279259 L15.4170331,31.2454932 C15.4170331,30.5915517 15.9471735,30.0614113 16.601115,30.0614113 C17.2550565,30.0614113 17.7851969,30.5915517 17.7851969,31.2454932 L17.7851969,43.528152 C17.7851969,44.1819805 17.2550565,44.7120078 16.601115,44.7120078 Z" id="Shape" fill="#6C9BAA"> </path> <path d="M19.6460585,44.3652515 L18.3188421,43.0381481 L14.763883,43.0381481 L13.4366667,44.3652515 C12.9742495,44.8276686 12.2246589,44.8276686 11.7622417,44.3652515 C11.2998246,43.9028343 11.2998246,43.1532437 11.7622417,42.6908265 L13.4362144,41.0168538 C13.6582651,40.7948031 13.9594581,40.6700975 14.2734269,40.6700975 L18.8092982,40.6700975 C19.1232671,40.6700975 19.4245731,40.7949162 19.6465107,41.0168538 L21.3204834,42.6908265 C21.7829006,43.1532437 21.7829006,43.9028343 21.3204834,44.3652515 C20.8580663,44.8276686 20.1084756,44.8277817 19.6460585,44.3652515 Z" id="Shape" fill="#B4D7DC"> </path> <path d="M54.8086433,44.7120078 C54.1545887,44.7120078 53.6245614,44.1818674 53.6245614,43.5279259 L53.6245614,24.9220234 L34.6804951,24.9220234 L34.6804951,43.528152 C34.6804951,44.1820936 34.1503548,44.7122339 33.4964133,44.7122339 C32.8424717,44.7122339 32.3123314,44.1820936 32.3123314,43.528152 L32.3123314,23.7379415 C32.3123314,23.084 32.8424717,22.5539727 33.4964133,22.5539727 L54.8086433,22.5539727 C55.4626979,22.5539727 55.9927251,23.0841131 55.9927251,23.7379415 L55.9927251,43.528039 C55.9928382,44.1819805 55.4626979,44.7120078 54.8086433,44.7120078 Z" id="Shape" fill="#592713"> </path> <path d="M56.1110994,25.5140078 L32.0756959,25.5140078 C31.0948967,25.5140078 30.2996296,24.7188538 30.2996296,23.7379415 C30.2996296,22.7571423 31.0947836,21.9618752 32.0756959,21.9618752 L56.1110994,21.9618752 C57.0918986,21.9618752 57.8871657,22.7570292 57.8871657,23.7379415 C57.8871657,24.7188538 57.0918986,25.5140078 56.1110994,25.5140078 Z" id="Shape" fill="#80391B"> </path> <path d="M16.5422105,32.3746277 C15.8747018,32.3746277 15.2101326,32.1009084 14.7306433,31.5640975 C13.8374659,30.5639649 13.9239571,29.0291696 14.9239766,28.1358791 L26.2518402,18.0175361 C26.7669435,17.5573801 27.4536725,17.3384951 28.1396101,17.4154893 L39.7686667,17.1210799 C41.1013099,17.2703197 42.0604016,18.4715867 41.9110487,19.80423 C41.761809,21.1367602 41.0044172,21.8373957 39.2277856,21.9467251 L28.6772125,22.3621092 L18.1586355,31.7575439 C17.695653,32.1711189 17.1178012,32.3746277 16.5422105,32.3746277 Z" id="Shape" fill="#414B82"> </path> <path d="M14.1880663,30.5526589 L22.4506355,21.4127407 L16.6969903,8.65443665 L9.18683821,11.7979688 C7.84808967,12.3584094 7.21698635,13.8978402 7.7774269,15.2365887 L14.1880663,30.5526589 Z" id="Shape" fill="#1B224A"> </path> <path d="M24.2510097,32.4334191 L10.032191,32.4334191 C9.2420117,32.4334191 8.54680312,31.911306 8.3265614,31.1524444 L2.83860819,12.24354 C2.56522807,11.3016335 3.10723977,10.3163119 4.04925926,10.0428187 C4.99195712,9.76921248 5.97660039,10.3116764 6.24998051,11.2534698 L11.366191,28.8813996 L24.2510097,28.8813996 C25.231809,28.8813996 26.027076,29.6765536 26.027076,30.6574659 C26.027076,31.6383782 25.231809,32.4334191 24.2510097,32.4334191 Z" id="Shape" fill="#FF3C3C"> </path> <path d="M10.7927485,17.4750721 L1.18668226,13.9056413 C0.6802846,13.7175088 0.283555556,13.3142222 0.103789474,12.8047719 C-0.0759766082,12.2953216 -0.0203508772,11.7325068 0.25574269,11.2680546 L4.41907992,4.26588304 C4.93316569,3.40153606 6.05042885,3.1174152 6.91488889,3.63127485 C7.77934893,4.14536062 8.06346979,5.26273684 7.54949708,6.12708382 L4.50206628,11.2522261 L12.0610604,14.0610994 C13.0037583,14.4113606 13.484039,15.4595439 13.1337778,16.4022417 C12.7836296,17.3448265 11.7356725,17.8254464 10.7927485,17.4750721 Z" id="Shape" fill="#252D5C"> </path> <path d="M7.54961014,6.12719688 C8.06358285,5.2628499 7.77946199,4.14536062 6.91500195,3.63138791 C6.05042885,3.1174152 4.93327875,3.40153606 4.41919298,4.2659961 L7.54961014,6.12719688 Z" id="Shape" fill="#F5A287"> </path> <polygon id="Shape" fill="#FFFFFF" points="10.451193 11.2678285 15.7828967 16.8308538 15.1048733 9.29989864"> </polygon> <path d="M15.4527602,13.1633996 L15.3031813,12.4346121 C15.2680195,12.2633255 15.173501,12.1101287 15.0362456,12.0019298 L14.0381481,11.2144639 L14.1504172,10.1236569 C14.170655,9.92647953 13.9716686,9.77904873 13.7888499,9.85626901 L12.1667719,10.5420936 C11.9841793,10.6193138 11.9508265,10.8648811 12.1067368,10.9877778 L12.9704055,11.669306 L12.840499,12.9303821 C12.8226355,13.104269 12.866729,13.2786082 12.9649786,13.4230994 L14.0604211,15.0335322 L15.7828967,16.8306277 L15.4527602,13.1633996 Z" id="Shape" fill="#FF3C3C"> </path> <path d="M3.83591423,5.24690838 L6.99007407,7.06808577 L7.54949708,6.12730994 C7.55616764,6.11611696 7.5611423,6.10435867 7.56758674,6.09293957 L4.41512281,4.27266667 L3.83591423,5.24690838 Z" id="Shape" fill="#FFFFFF"> </path> <circle id="Oval" fill="#FFB69E" cx="9.4865614" cy="5.37353606" r="4.213423"> </circle> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/loading-performance/lazy-loading
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.52 KB
2.85 KB
-67%
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/lazy-loading</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/lazy-loading" 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="#111632" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="lazy" transform="translate(8.000000, 14.000000)" fill-rule="nonzero"> <path d="M53.723037,23.9291267 L45.5003782,23.9291267 C44.906924,23.9291267 44.4257388,23.4479415 44.4257388,22.8544873 C44.4257388,22.2609201 44.906924,21.779848 45.5003782,21.779848 L53.723037,21.779848 C54.3164912,21.779848 54.7976764,22.2610331 54.7976764,22.8544873 C54.7977895,23.4479415 54.3164912,23.9291267 53.723037,23.9291267 Z" id="Shape" fill="#A5C8CD"> </path> <path d="M53.723037,21.7797349 L45.5003782,21.7797349 C44.906924,21.7797349 44.4257388,21.2985497 44.4257388,20.7050955 C44.4257388,20.1116413 44.906924,19.6304561 45.5003782,19.6304561 L53.723037,19.6304561 C54.3164912,19.6304561 54.7976764,20.1116413 54.7976764,20.7050955 C54.7976764,21.2985497 54.3164912,21.7797349 53.723037,21.7797349 Z" id="Shape" fill="#C8E6EB"> </path> <path d="M53.723037,19.63023 L45.5003782,19.63023 C44.906924,19.63023 44.4257388,19.1490448 44.4257388,18.5555906 C44.4257388,17.9621365 44.906924,17.4809513 45.5003782,17.4809513 L53.723037,17.4809513 C54.3164912,17.4809513 54.7976764,17.9621365 54.7976764,18.5555906 C54.7976764,19.1490448 54.3164912,19.63023 53.723037,19.63023 Z" id="Shape" fill="#A5C8CD"> </path> <path d="M53.723037,17.4809513 L45.5003782,17.4809513 C44.906924,17.4809513 44.4257388,16.9997661 44.4257388,16.4063119 C44.4257388,15.8128577 44.906924,15.3316725 45.5003782,15.3316725 L53.723037,15.3316725 C54.3164912,15.3316725 54.7976764,15.8128577 54.7976764,16.4063119 C54.7976764,16.9997661 54.3164912,17.4809513 53.723037,17.4809513 Z" id="Shape" fill="#C8E6EB"> </path> <path d="M15.321271,13.2992982 C14.4022027,12.8911501 13.9878363,11.815154 14.3960975,10.8959727 L17.4615049,3.99295517 L10.9943353,4.61670955 C9.99273294,4.7131501 9.10351267,3.98006628 9.00695906,2.97891618 C8.91040546,1.97787914 9.64360234,1.08809357 10.6446394,0.991539961 L20.2170136,0.068288499 C20.861345,0.00644444444 21.4904133,0.290904483 21.8690526,0.816070175 C22.247692,1.34134893 22.318807,2.02807797 22.0560546,2.61983626 L17.7244834,12.3738986 C17.3184834,13.2885575 16.2450877,13.7093684 15.321271,13.2992982 Z" id="Shape" fill="#1B224A"> </path> <path d="M10.6445263,0.991879142 C9.64348928,1.08843275 8.9102924,1.97821832 9.006846,2.97925536 C9.10351267,3.9802924 9.99261988,4.71348928 10.9942222,4.61704873 L10.6445263,0.991879142 Z" id="Shape" fill="#F5A287"> </path> <path d="M10.6390994,0.992670565 L11.0123119,4.61523977 L12.2022729,4.50048343 L11.8290604,0.877688109 L10.6445263,0.991879142 C10.6427173,0.992105263 10.6409084,0.992444444 10.6390994,0.992670565 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M16.601115,44.7120078 C15.9470604,44.7120078 15.4170331,44.1818674 15.4170331,43.5279259 L15.4170331,31.2454932 C15.4170331,30.5915517 15.9471735,30.0614113 16.601115,30.0614113 C17.2550565,30.0614113 17.7851969,30.5915517 17.7851969,31.2454932 L17.7851969,43.528152 C17.7851969,44.1819805 17.2550565,44.7120078 16.601115,44.7120078 Z" id="Shape" fill="#6C9BAA"> </path> <path d="M19.6460585,44.3652515 L18.3188421,43.0381481 L14.763883,43.0381481 L13.4366667,44.3652515 C12.9742495,44.8276686 12.2246589,44.8276686 11.7622417,44.3652515 C11.2998246,43.9028343 11.2998246,43.1532437 11.7622417,42.6908265 L13.4362144,41.0168538 C13.6582651,40.7948031 13.9594581,40.6700975 14.2734269,40.6700975 L18.8092982,40.6700975 C19.1232671,40.6700975 19.4245731,40.7949162 19.6465107,41.0168538 L21.3204834,42.6908265 C21.7829006,43.1532437 21.7829006,43.9028343 21.3204834,44.3652515 C20.8580663,44.8276686 20.1084756,44.8277817 19.6460585,44.3652515 Z" id="Shape" fill="#B4D7DC"> </path> <path d="M54.8086433,44.7120078 C54.1545887,44.7120078 53.6245614,44.1818674 53.6245614,43.5279259 L53.6245614,24.9220234 L34.6804951,24.9220234 L34.6804951,43.528152 C34.6804951,44.1820936 34.1503548,44.7122339 33.4964133,44.7122339 C32.8424717,44.7122339 32.3123314,44.1820936 32.3123314,43.528152 L32.3123314,23.7379415 C32.3123314,23.084 32.8424717,22.5539727 33.4964133,22.5539727 L54.8086433,22.5539727 C55.4626979,22.5539727 55.9927251,23.0841131 55.9927251,23.7379415 L55.9927251,43.528039 C55.9928382,44.1819805 55.4626979,44.7120078 54.8086433,44.7120078 Z" id="Shape" fill="#592713"> </path> <path d="M56.1110994,25.5140078 L32.0756959,25.5140078 C31.0948967,25.5140078 30.2996296,24.7188538 30.2996296,23.7379415 C30.2996296,22.7571423 31.0947836,21.9618752 32.0756959,21.9618752 L56.1110994,21.9618752 C57.0918986,21.9618752 57.8871657,22.7570292 57.8871657,23.7379415 C57.8871657,24.7188538 57.0918986,25.5140078 56.1110994,25.5140078 Z" id="Shape" fill="#80391B"> </path> <path d="M16.5422105,32.3746277 C15.8747018,32.3746277 15.2101326,32.1009084 14.7306433,31.5640975 C13.8374659,30.5639649 13.9239571,29.0291696 14.9239766,28.1358791 L26.2518402,18.0175361 C26.7669435,17.5573801 27.4536725,17.3384951 28.1396101,17.4154893 L39.7686667,17.1210799 C41.1013099,17.2703197 42.0604016,18.4715867 41.9110487,19.80423 C41.761809,21.1367602 41.0044172,21.8373957 39.2277856,21.9467251 L28.6772125,22.3621092 L18.1586355,31.7575439 C17.695653,32.1711189 17.1178012,32.3746277 16.5422105,32.3746277 Z" id="Shape" fill="#414B82"> </path> <path d="M14.1880663,30.5526589 L22.4506355,21.4127407 L16.6969903,8.65443665 L9.18683821,11.7979688 C7.84808967,12.3584094 7.21698635,13.8978402 7.7774269,15.2365887 L14.1880663,30.5526589 Z" id="Shape" fill="#1B224A"> </path> <path d="M24.2510097,32.4334191 L10.032191,32.4334191 C9.2420117,32.4334191 8.54680312,31.911306 8.3265614,31.1524444 L2.83860819,12.24354 C2.56522807,11.3016335 3.10723977,10.3163119 4.04925926,10.0428187 C4.99195712,9.76921248 5.97660039,10.3116764 6.24998051,11.2534698 L11.366191,28.8813996 L24.2510097,28.8813996 C25.231809,28.8813996 26.027076,29.6765536 26.027076,30.6574659 C26.027076,31.6383782 25.231809,32.4334191 24.2510097,32.4334191 Z" id="Shape" fill="#FF3C3C"> </path> <path d="M10.7927485,17.4750721 L1.18668226,13.9056413 C0.6802846,13.7175088 0.283555556,13.3142222 0.103789474,12.8047719 C-0.0759766082,12.2953216 -0.0203508772,11.7325068 0.25574269,11.2680546 L4.41907992,4.26588304 C4.93316569,3.40153606 6.05042885,3.1174152 6.91488889,3.63127485 C7.77934893,4.14536062 8.06346979,5.26273684 7.54949708,6.12708382 L4.50206628,11.2522261 L12.0610604,14.0610994 C13.0037583,14.4113606 13.484039,15.4595439 13.1337778,16.4022417 C12.7836296,17.3448265 11.7356725,17.8254464 10.7927485,17.4750721 Z" id="Shape" fill="#252D5C"> </path> <path d="M7.54961014,6.12719688 C8.06358285,5.2628499 7.77946199,4.14536062 6.91500195,3.63138791 C6.05042885,3.1174152 4.93327875,3.40153606 4.41919298,4.2659961 L7.54961014,6.12719688 Z" id="Shape" fill="#F5A287"> </path> <polygon id="Shape" fill="#FFFFFF" points="10.451193 11.2678285 15.7828967 16.8308538 15.1048733 9.29989864"> </polygon> <path d="M15.4527602,13.1633996 L15.3031813,12.4346121 C15.2680195,12.2633255 15.173501,12.1101287 15.0362456,12.0019298 L14.0381481,11.2144639 L14.1504172,10.1236569 C14.170655,9.92647953 13.9716686,9.77904873 13.7888499,9.85626901 L12.1667719,10.5420936 C11.9841793,10.6193138 11.9508265,10.8648811 12.1067368,10.9877778 L12.9704055,11.669306 L12.840499,12.9303821 C12.8226355,13.104269 12.866729,13.2786082 12.9649786,13.4230994 L14.0604211,15.0335322 L15.7828967,16.8306277 L15.4527602,13.1633996 Z" id="Shape" fill="#FF3C3C"> </path> <path d="M3.83591423,5.24690838 L6.99007407,7.06808577 L7.54949708,6.12730994 C7.55616764,6.11611696 7.5611423,6.10435867 7.56758674,6.09293957 L4.41512281,4.27266667 L3.83591423,5.24690838 Z" id="Shape" fill="#FFFFFF"> </path> <circle id="Oval" fill="#FFB69E" cx="9.4865614" cy="5.37353606" r="4.213423"> </circle> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/loading-performance/lazy-loading
Created with Sketch.
100%
Download SVG