Ориентация и движение устройства

<?xml version="1.0" encoding="UTF-8"?> <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>the-modern-web/device-orientation-and-motion</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="the-modern-web/device-orientation-and-motion" 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="#574B40" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="map" transform="translate(15.000000, 15.000000)" fill-rule="nonzero"> <polygon id="Shape" fill="#AB927A" points="0 0 44 0 44 36.6666667 0 36.6666667"> </polygon> <polygon id="Shape" fill="#BA9A52" points="27.8666667 41.0666667 39.6 41.0666667 39.6 44 27.8666667 44"> </polygon> <polygon id="Shape" fill="#F8CD6D" points="27.8666667 41.0666667 37.4 41.0666667 37.4 44 27.8666667 44"> </polygon> <polygon id="Shape" fill="#8B733E" points="29.3333333 38.1333333 41.0666667 38.1333333 41.0666667 41.0666667 29.3333333 41.0666667"> </polygon> <polygon id="Shape" fill="#BA9A52" points="29.3333333 38.1333333 38.8666667 38.1333333 38.8666667 41.0666667 29.3333333 41.0666667"> </polygon> <polygon id="Shape" fill="#BA9A52" points="29.3333333 35.2 41.0666667 35.2 41.0666667 38.1333333 29.3333333 38.1333333"> </polygon> <polygon id="Shape" fill="#F8CD6D" points="29.3333333 35.2 38.8666667 35.2 38.8666667 38.1333333 29.3333333 38.1333333"> </polygon> <polygon id="Shape" fill="#8B733E" points="27.8666667 32.2666667 39.6 32.2666667 39.6 35.2 27.8666667 35.2"> </polygon> <polygon id="Shape" fill="#BA9A52" points="27.8666667 32.2666667 37.4 32.2666667 37.4 35.2 27.8666667 35.2"> </polygon> <polygon id="Shape" fill="#BA9A52" points="28.6 29.3333333 40.3333333 29.3333333 40.3333333 32.2666667 28.6 32.2666667"> </polygon> <polygon id="Shape" fill="#F8CD6D" points="28.6 29.3333333 38.1333333 29.3333333 38.1333333 32.2666667 28.6 32.2666667"> </polygon> <polygon id="Shape" fill="#7ECB92" points="8.06666667 6.6 11.7333333 2.93333333 17.6 8.8 10.2666667 8.8"> </polygon> <polygon id="Shape" fill="#7ECB92" points="10.2666667 8.8 6.6 5.13333333 2.93333333 8.8"> </polygon> <polygon id="Shape" fill="#4A92BB" points="10.2666667 16.1333333 11.7333333 14.6666667 13.2 14.6666667 14.6666667 16.1333333 16.1333333 16.1333333 17.6 17.6 17.6 19.0666667 16.1333333 20.5333333 14.6666667 20.5333333 13.2 19.0666667 11.7333333 19.0666667 10.2666667 17.6"> </polygon> <polygon id="Shape" fill="#7ECB92" points="15.4 36.6666667 11.7333333 33 8.8 33 7.33333333 31.5333333 5.86666667 31.5333333 4.4 30.0666667 0 30.0666667 0 36.6666667"> </polygon> <polygon id="Shape" fill="#4A92BB" points="26.4 17.6 24.9333333 16.1333333 24.9333333 14.6666667 23.4666667 13.2 24.9333333 11.7333333 26.4 11.7333333 27.8666667 13.2 29.3333333 13.2 30.8 11.7333333 33.7333333 11.7333333 36.6666667 14.6666667 36.6666667 16.1333333 35.2 17.6 33.7333333 17.6 32.2666667 19.0666667 29.3333333 19.0666667 27.8666667 20.5333333 26.4 20.5333333"> </polygon> <polygon id="Shape" fill="#7ECB92" points="23.4666667 0 27.8666667 4.4 27.8666667 5.86666667 30.8 8.8 33.7333333 8.8 35.2 7.33333333 36.6666667 7.33333333 38.1333333 5.86666667 44 5.86666667 44 0"> </polygon> <g id="Group" transform="translate(2.200000, 11.000000)" fill="#FFFFFF"> <polygon id="Shape" transform="translate(35.193659, 12.467874) rotate(-45.000000) translate(-35.193659, -12.467874) " points="33.1197391 11.7346515 37.2675793 11.7346515 37.2675793 13.2010967 33.1197391 13.2010967"> </polygon> <polygon id="Shape" transform="translate(35.193659, 12.468393) rotate(-45.000000) translate(-35.193659, -12.468393) " points="34.4604366 10.3944725 35.9268818 10.3944725 35.9268818 14.5423127 34.4604366 14.5423127"> </polygon> <path d="M17.6,22 C15.9822667,22 14.6666667,20.6844 14.6666667,19.0666667 L14.6666667,14.6666667 C14.6666667,13.8578 14.0088667,13.2 13.2,13.2 C12.3911333,13.2 11.7333333,13.8578 11.7333333,14.6666667 L11.7333333,15.0333333 C11.7333333,16.8527333 10.2527333,18.3333333 8.43333333,18.3333333 C6.61393333,18.3333333 5.13333333,16.8527333 5.13333333,15.0333333 L5.13333333,13.5666667 C5.13333333,12.5561333 4.31053333,11.7333333 3.3,11.7333333 C1.4806,11.7333333 0,10.2527333 0,8.43333333 L0,0 L1.46666667,0 L1.46666667,8.43333333 C1.46666667,9.44386667 2.28946667,10.2666667 3.3,10.2666667 C5.1194,10.2666667 6.6,11.7472667 6.6,13.5666667 L6.6,15.0333333 C6.6,16.0438667 7.4228,16.8666667 8.43333333,16.8666667 C9.44386667,16.8666667 10.2666667,16.0438667 10.2666667,15.0333333 L10.2666667,14.6666667 C10.2666667,13.0489333 11.5822667,11.7333333 13.2,11.7333333 C14.8177333,11.7333333 16.1333333,13.0489333 16.1333333,14.6666667 L16.1333333,19.0666667 C16.1333333,19.8755333 16.7911333,20.5333333 17.6,20.5333333 C18.4088667,20.5333333 19.0666667,19.8755333 19.0666667,19.0666667 L19.0666667,16.8666667 C19.0666667,15.6537333 20.0537333,14.6666667 21.2666667,14.6666667 L22,14.6666667 C22.4040667,14.6666667 22.7333333,14.3374 22.7333333,13.9333333 C22.7333333,12.7204 23.7204,11.7333333 24.9333333,11.7333333 L31.5333333,11.7333333 L31.5333333,13.2 L24.9333333,13.2 C24.5292667,13.2 24.2,13.5292667 24.2,13.9333333 C24.2,15.1462667 23.2129333,16.1333333 22,16.1333333 L21.2666667,16.1333333 C20.8626,16.1333333 20.5333333,16.4626 20.5333333,16.8666667 L20.5333333,19.0666667 C20.5333333,20.6844 19.2177333,22 17.6,22 Z" id="Shape"> </path> </g> </g> </g> </svg>