Диагональное движение

<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [ <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/"> <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/"> <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/"> <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/"> <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/"> <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/"> <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/"> <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/"> ]> <svg fill="#000000" version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <metadata> <sfw xmlns="&ns_sfw;"> <slices> </slices> <sliceSourceBounds width="505" height="984" bottomLeftOrigin="true" x="0" y="-984"> </sliceSourceBounds> </sfw> </metadata> <g> <g> <g> <path d="M20,21h-4c-0.6,0-1-0.4-1-1s0.4-1,1-1h4c0.6,0,1,0.4,1,1S20.6,21,20,21z"/> </g> </g> <g> <g> <path d="M20,21c-0.6,0-1-0.4-1-1v-4c0-0.6,0.4-1,1-1s1,0.4,1,1v4C21,20.6,20.6,21,20,21z"/> </g> </g> <g> <g> <path d="M8,5H4C3.4,5,3,4.6,3,4s0.4-1,1-1h4c0.6,0,1,0.4,1,1S8.6,5,8,5z"/> </g> </g> <g> <g> <path d="M4,9C3.4,9,3,8.6,3,8V4c0-0.6,0.4-1,1-1s1,0.4,1,1v4C5,8.6,4.6,9,4,9z"/> </g> </g> <g> <g> <path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l15.6,15.6c0.4,0.4,0.4,1,0,1.4 C20.3,20.7,20,20.8,19.8,20.8z"/> </g> </g> </g> </svg>