rotate-screen.svg

<svg width="1565" height="366" viewBox="0 0 1565 366" fill="none" xmlns="http://www.w3.org/2000/svg">

<style>
#rot {
    animation: rotate 2s;
    transform-origin: 18% 55%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scaleY(90%);
    }

    80% {
        transform: rotate(360deg) scaleY(90%);
    }

    100% {
        transform: rotate(360deg) scaleY(100%);
    }
}
</style>

<g filter="url(#filter0_d)">
<rect x="19" y="17" width="1527" height="328" rx="25" fill="url(#paint0_angular)"/>
<g filter="url(#filter1_d)">
<path d="M165.204 195.153H128.132V259H107.211V101.172H159.459C177.236 101.172 190.895 105.219 200.434 113.312C210.045 121.406 214.851 133.186 214.851 148.65C214.851 158.479 212.177 167.042 206.829 174.341C201.554 181.64 194.183 187.096 184.716 190.709L221.788 257.699V259H199.458L165.204 195.153ZM128.132 178.135H160.109C170.443 178.135 178.646 175.461 184.716 170.113C190.858 164.766 193.93 157.611 193.93 148.65C193.93 138.895 191.003 131.415 185.149 126.212C179.368 121.009 170.985 118.371 160.001 118.299H128.132V178.135ZM387.245 113.312V141.713H409.142V157.214H387.245V229.949C387.245 234.646 388.221 238.188 390.172 240.572C392.123 242.885 395.447 244.041 400.145 244.041C402.457 244.041 405.637 243.607 409.684 242.74V259C404.408 260.445 399.277 261.168 394.291 261.168C385.33 261.168 378.573 258.458 374.021 253.038C369.468 247.618 367.191 239.922 367.191 229.949V157.214H345.837V141.713H367.191V113.312H387.245ZM505.074 259C503.918 256.688 502.979 252.568 502.256 246.643C492.934 256.326 481.805 261.168 468.869 261.168C457.307 261.168 447.804 257.916 440.36 251.412C432.989 244.836 429.304 236.525 429.304 226.48C429.304 214.268 433.929 204.801 443.179 198.08C452.501 191.287 465.581 187.891 482.419 187.891H501.931V178.677C501.931 171.667 499.835 166.103 495.644 161.983C491.452 157.792 485.273 155.696 477.107 155.696C469.953 155.696 463.955 157.503 459.113 161.116C454.271 164.729 451.851 169.102 451.851 174.232H431.688C431.688 168.379 433.748 162.742 437.867 157.322C442.059 151.83 447.695 147.494 454.777 144.314C461.932 141.135 469.772 139.545 478.3 139.545C491.813 139.545 502.4 142.941 510.061 149.734C517.721 156.455 521.695 165.741 521.984 177.593V231.575C521.984 242.343 523.357 250.906 526.104 257.266V259H505.074ZM471.796 243.716C478.083 243.716 484.045 242.09 489.682 238.838C495.318 235.586 499.401 231.358 501.931 226.155V202.091H486.213C461.643 202.091 449.357 209.281 449.357 223.662C449.357 229.949 451.453 234.863 455.645 238.404C459.836 241.945 465.22 243.716 471.796 243.716ZM580.628 113.312V141.713H602.524V157.214H580.628V229.949C580.628 234.646 581.604 238.188 583.555 240.572C585.506 242.885 588.83 244.041 593.527 244.041C595.84 244.041 599.02 243.607 603.066 242.74V259C597.791 260.445 592.66 261.168 587.674 261.168C578.713 261.168 571.956 258.458 567.403 253.038C562.851 247.618 560.574 239.922 560.574 229.949V157.214H539.22V141.713H560.574V113.312H580.628ZM674.718 261.168C658.819 261.168 645.884 255.965 635.911 245.559C625.938 235.08 620.952 221.097 620.952 203.608V199.923C620.952 188.288 623.156 177.918 627.564 168.812C632.045 159.635 638.26 152.48 646.209 147.35C654.23 142.146 662.902 139.545 672.225 139.545C687.473 139.545 699.324 144.567 707.779 154.612C716.234 164.657 720.462 179.038 720.462 197.755V206.102H641.006C641.295 217.664 644.655 227.022 651.087 234.177C657.591 241.259 665.829 244.8 675.802 244.8C682.884 244.8 688.882 243.354 693.796 240.464C698.71 237.573 703.01 233.743 706.695 228.974L718.944 238.513C709.116 253.616 694.374 261.168 674.718 261.168ZM672.225 156.021C664.131 156.021 657.338 158.984 651.846 164.91C646.354 170.764 642.957 179.002 641.656 189.625H700.408V188.107C699.83 177.918 697.084 170.041 692.17 164.477C687.256 158.84 680.607 156.021 672.225 156.021ZM848.48 188.649C830.631 183.519 817.623 177.231 809.457 169.788C801.363 162.272 797.316 153.022 797.316 142.038C797.316 129.608 802.267 119.347 812.167 111.253C822.14 103.087 835.075 99.0039 850.974 99.0039C861.813 99.0039 871.461 101.1 879.916 105.291C888.443 109.482 895.02 115.264 899.645 122.635C904.342 130.006 906.69 138.063 906.69 146.808H885.77C885.77 137.269 882.734 129.789 876.664 124.369C870.594 118.877 862.03 116.131 850.974 116.131C840.712 116.131 832.69 118.407 826.909 122.96C821.2 127.44 818.346 133.691 818.346 141.713C818.346 148.145 821.056 153.601 826.476 158.081C831.968 162.489 841.254 166.536 854.334 170.222C867.486 173.907 877.748 177.99 885.119 182.471C892.562 186.879 898.055 192.046 901.596 197.972C905.209 203.897 907.016 210.871 907.016 218.893C907.016 231.684 902.029 241.945 892.057 249.678C882.084 257.338 868.751 261.168 852.058 261.168C841.218 261.168 831.101 259.108 821.706 254.989C812.312 250.798 805.049 245.089 799.918 237.862C794.859 230.636 792.33 222.434 792.33 213.256H813.251C813.251 222.795 816.756 230.347 823.766 235.911C830.848 241.403 840.278 244.149 852.058 244.149C863.042 244.149 871.461 241.909 877.314 237.429C883.168 232.948 886.095 226.842 886.095 219.109C886.095 211.377 883.385 205.415 877.965 201.224C872.545 196.96 862.717 192.769 848.48 188.649ZM977.691 244.8C984.846 244.8 991.097 242.632 996.444 238.296C1001.79 233.96 1004.75 228.54 1005.33 222.036H1024.3C1023.94 228.757 1021.63 235.152 1017.37 241.223C1013.1 247.293 1007.39 252.135 1000.24 255.748C993.156 259.361 985.641 261.168 977.691 261.168C961.721 261.168 949.002 255.856 939.535 245.233C930.141 234.538 925.443 219.94 925.443 201.44V198.08C925.443 186.662 927.539 176.509 931.73 167.62C935.922 158.731 941.92 151.83 949.725 146.916C957.602 142.002 966.888 139.545 977.583 139.545C990.735 139.545 1001.65 143.483 1010.32 151.36C1019.06 159.237 1023.72 169.463 1024.3 182.037H1005.33C1004.75 174.449 1001.86 168.234 996.661 163.393C991.53 158.479 985.171 156.021 977.583 156.021C967.394 156.021 959.48 159.707 953.844 167.078C948.279 174.377 945.497 184.964 945.497 198.839V202.633C945.497 216.146 948.279 226.553 953.844 233.852C959.408 241.15 967.357 244.8 977.691 244.8ZM1103.54 159.707C1100.51 159.201 1097.22 158.948 1093.68 158.948C1080.53 158.948 1071.6 164.549 1066.9 175.75V259H1046.85V141.713H1066.36L1066.69 155.263C1073.26 144.784 1082.58 139.545 1094.65 139.545C1098.56 139.545 1101.52 140.051 1103.54 141.062V159.707ZM1168.58 261.168C1152.68 261.168 1139.75 255.965 1129.77 245.559C1119.8 235.08 1114.82 221.097 1114.82 203.608V199.923C1114.82 188.288 1117.02 177.918 1121.43 168.812C1125.91 159.635 1132.12 152.48 1140.07 147.35C1148.09 142.146 1156.77 139.545 1166.09 139.545C1181.34 139.545 1193.19 144.567 1201.64 154.612C1210.1 164.657 1214.33 179.038 1214.33 197.755V206.102H1134.87C1135.16 217.664 1138.52 227.022 1144.95 234.177C1151.45 241.259 1159.69 244.8 1169.67 244.8C1176.75 244.8 1182.75 243.354 1187.66 240.464C1192.57 237.573 1196.87 233.743 1200.56 228.974L1212.81 238.513C1202.98 253.616 1188.24 261.168 1168.58 261.168ZM1166.09 156.021C1157.99 156.021 1151.2 158.984 1145.71 164.91C1140.22 170.764 1136.82 179.002 1135.52 189.625H1194.27V188.107C1193.69 177.918 1190.95 170.041 1186.03 164.477C1181.12 158.84 1174.47 156.021 1166.09 156.021ZM1286.3 261.168C1270.4 261.168 1257.47 255.965 1247.5 245.559C1237.52 235.08 1232.54 221.097 1232.54 203.608V199.923C1232.54 188.288 1234.74 177.918 1239.15 168.812C1243.63 159.635 1249.84 152.48 1257.79 147.35C1265.81 142.146 1274.49 139.545 1283.81 139.545C1299.06 139.545 1310.91 144.567 1319.36 154.612C1327.82 164.657 1332.05 179.038 1332.05 197.755V206.102H1252.59C1252.88 217.664 1256.24 227.022 1262.67 234.177C1269.17 241.259 1277.41 244.8 1287.39 244.8C1294.47 244.8 1300.47 243.354 1305.38 240.464C1310.29 237.573 1314.59 233.743 1318.28 228.974L1330.53 238.513C1320.7 253.616 1305.96 261.168 1286.3 261.168ZM1283.81 156.021C1275.71 156.021 1268.92 158.984 1263.43 164.91C1257.94 170.764 1254.54 179.002 1253.24 189.625H1311.99V188.107C1311.41 177.918 1308.67 170.041 1303.75 164.477C1298.84 158.84 1292.19 156.021 1283.81 156.021ZM1374.32 141.713L1374.97 156.455C1383.93 145.182 1395.64 139.545 1410.09 139.545C1434.88 139.545 1447.38 153.528 1447.6 181.495V259H1427.54V181.387C1427.47 172.932 1425.52 166.681 1421.69 162.634C1417.93 158.587 1412.04 156.563 1404.02 156.563C1397.52 156.563 1391.81 158.298 1386.9 161.767C1381.98 165.235 1378.15 169.788 1375.41 175.425V259H1355.35V141.713H1374.32Z" fill="#3E677B"/>
</g>
<g id="rot" filter="url(#filter2_d)">
<path d="M283.005 144.64C296.037 144.722 308.517 150.452 317.793 160.612L317.939 144.964C317.961 142.598 319.703 140.696 321.83 140.716C323.957 140.736 325.664 142.67 325.642 145.036L325.403 170.737C325.386 172.582 324.31 174.21 322.731 174.778L299.542 183.13C297.514 183.859 295.342 182.623 294.691 180.369C294.04 178.116 295.155 175.698 297.183 174.969L314.304 168.814C298.72 149.578 272.04 148.065 254.713 165.435C237.387 182.805 235.974 212.481 251.558 231.716C267.142 250.952 293.822 252.465 311.149 235.095C321.771 224.445 326.838 208.552 324.612 192.861C324.26 190.528 325.676 188.317 327.774 187.921C329.872 187.526 331.858 189.096 332.209 191.429C332.213 191.454 332.217 191.48 332.22 191.505C332.653 194.577 332.856 197.684 332.827 200.794C332.51 231.534 309.88 256.237 282.24 256.016C254.586 255.842 232.339 230.768 232.551 200.013C232.762 169.257 255.351 144.466 283.005 144.64Z" fill="#3E677B"/>
<path d="M283.005 144.64C296.037 144.722 308.517 150.452 317.793 160.612L317.939 144.964C317.961 142.598 319.703 140.696 321.83 140.716C323.957 140.736 325.664 142.67 325.642 145.036L325.403 170.737C325.386 172.582 324.31 174.21 322.731 174.778L299.542 183.13C297.514 183.859 295.342 182.623 294.691 180.369C294.04 178.116 295.155 175.698 297.183 174.969L314.304 168.814C298.72 149.578 272.04 148.065 254.713 165.435C237.387 182.805 235.974 212.481 251.558 231.716C267.142 250.952 293.822 252.465 311.149 235.095C321.771 224.445 326.838 208.552 324.612 192.861C324.26 190.528 325.676 188.317 327.774 187.921C329.872 187.526 331.858 189.096 332.209 191.429C332.213 191.454 332.217 191.48 332.22 191.505C332.653 194.577 332.856 197.684 332.827 200.794C332.51 231.534 309.88 256.237 282.24 256.016C254.586 255.842 232.339 230.768 232.551 200.013C232.762 169.257 255.351 144.466 283.005 144.64Z" stroke="#3E677B" stroke-width="6"/>
</g>
</g>
<defs>
<filter id="filter0_d" x="0" y="0" width="1565" height="366" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="9.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="101.211" y="96.0039" width="1358.39" height="180.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="3" dy="6"/>
<feGaussianBlur stdDeviation="4.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="223.007" y="133.864" width="125.406" height="140.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="3" dy="6"/>
<feGaussianBlur stdDeviation="4.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<radialGradient id="paint0_angular" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-0.999983 -47) rotate(92.406) scale(476.42 2217.97)">
<stop stop-color="#F3F3F3"/>
<stop offset="1" stop-color="#C5C5C5"/>
</radialGradient>
</defs>
</svg>