Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="4.295"
        x2="59.705"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff3cac" />
        <stop offset=".5" stop-color="#784ba0" />
        <stop offset="1" stop-color="#2b86c5" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M38.229 39.886H28.186l2.012 2.012a1 1 0 0 1-1.414 1.414l-3.72-3.719a1.017 1.017 0 0 1-.004-1.41l3.67-3.72a1 1 0 0 1 1.424 1.406l-1.99 2.017h10.064a1 1 0 0 1 0 2zm-2.96-19.194a1 1 0 0 0-1.423 1.405l1.99 2.017H25.772a1 1 0 0 0 0 2h10.043l-2.012 2.012a1 1 0 0 0 1.414 1.414l3.72-3.718a1.014 1.014 0 0 0 .293-.708 1.138 1.138 0 0 0-.289-.702zm-22.86-3.047h1.86a5.532 5.532 0 0 0 5.53-5.522V8.017A4.02 4.02 0 0 0 15.784 4h-4.888a4.02 4.02 0 0 0-4.018 4.017v4.106a5.532 5.532 0 0 0 5.532 5.522zm7.005 2.978H7.264a2.977 2.977 0 0 0-2.969 2.968v17.01a3.045 3.045 0 0 0 3.038 3.037c.148 0 .079.079.079.079v14.328a1.98 1.98 0 0 0 3.958 0V44.705h3.938v13.339a1.98 1.98 0 0 0 3.958 0V43.716s-.07-.079.079-.079a3.045 3.045 0 0 0 3.037-3.038V23.591a2.97 2.97 0 0 0-2.968-2.968zm37.323 0H44.586a2.977 2.977 0 0 0-2.968 2.968v17.01a3.045 3.045 0 0 0 3.037 3.037c.149 0 .08.079.08.079v14.328a1.98 1.98 0 0 0 3.957 0V44.705h3.938v13.339a1.98 1.98 0 0 0 3.958 0V43.716s-.07-.079.08-.079a3.045 3.045 0 0 0 3.037-3.038V23.591a2.97 2.97 0 0 0-2.968-2.968zm-7.006-2.978h1.86a5.532 5.532 0 0 0 5.531-5.522V8.017A4.02 4.02 0 0 0 53.105 4h-4.888A4.02 4.02 0 0 0 44.2 8.017v4.106a5.532 5.532 0 0 0 5.531 5.522z"
    />
</svg>