Wipe

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fd3a84" />
        <stop offset="1" stop-color="#ffa68d" />
    </linearGradient>
    <path
        d="M406 277v100c0 66.274-53.726 120-120 120h-60c-66.274 0-120-53.726-120-120V277m120 0V127c0-16.569-13.431-30-30-30h0c-16.569 0-30 13.431-30 30v150m120 0V107c0-16.569-13.431-30-30-30h0c-16.569 0-30 13.431-30 30v170m120 0V127c0-16.569-13.431-30-30-30h0c-16.569 0-30 13.431-30 30v150m120 0V167c0-16.569-13.431-30-30-30h0c-16.569 0-30 13.431-30 30v110m-180 70v-80c0-16.569-13.431-30-30-30h0c-16.569 0-30 13.431-30 30v90m300-32.678C428.448 330.399 455.322 335 497 335V55c-121 0-121-40-241-40S136 55 15 55v280c41.678 0 68.552-4.601 91-10.678"
        fill="none"
        stroke="url(#a)"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>