upload.svg

<svg id="upload-to-cloud-icon"
  viewBox="0 0 32 32"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  style="filter: drop-shadow(0px 0px 1px #000)">
  <defs>
    <path id="upload-to-cloud-cloud-path" d="m13,24h-6a6 6 0 0 1-1-12 4 4 0 0 1 6-5 9 9 0 0 1 16 4 7 7 0 0 1 -3 13z" />
    <mask id="upload-to-cloud-mask">
      <rect fill="#fff" x="0" y="0" height="32" width="32" />
      <g id="upload-to-cloud-mask-group">
        <path id="upload-to-cloud-mask-path" d="m18,8l5.5,5.5-4,0 0,7-3,0,0-7 -4,0 5.5-5.5z" />
        <g stroke="#000" stroke-width="0">
          <use xlink:href="#upload-to-cloud-mask-path" />
          <use xlink:href="#upload-to-cloud-mask-path" style="translate: 0px 32px" />
        </g>
      </g>
    </mask>
    <clipPath id="upload-to-arrow-clip-path">
      <use xlink:href="#upload-to-cloud-cloud-path" />
    </clipPath>
    <clipPath id="upload-to-cloud-clip-path">
      <use xlink:href="#upload-to-cloud-cloud-path" />
    </clipPath>
  </defs>

  <use
    xlink:href="#upload-to-cloud-cloud-path"
    fill="#fff"
    stroke="#f00"
    stroke-width="2"
    mask="url(#upload-to-cloud-mask)"
    clip-path="url(#upload-to-cloud-clip-path)" />

  <g id="upload-to-cloud-array-group"
    stroke="#f00"
    fill="none"
    stroke-width="1"
    clip-path="url(#upload-to-arrow-clip-path)">
    <use xlink:href="#upload-to-cloud-mask-path" />
    <use xlink:href="#upload-to-cloud-mask-path" style="translate: 0px 32px" />
  </g>

  <style>
    <![CDATA[
      #upload-to-cloud-mask-group,
      #upload-to-cloud-array-group,
      #upload-to-arrow-clip-path {
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      #upload-to-cloud-mask-group,
      #upload-to-cloud-array-group {
        animation-name: anim-fwd;
      }

      #upload-to-arrow-clip-path {
        animation-name: anim-bwd;
      }

      @keyframes anim-fwd {
        to {
          translate: 0px -32px;
        }
      }

      @keyframes anim-bwd {
        to {
          translate: 0px 32px;
        }
      }
    ]]>
  </style>
</svg>