Text Field

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="-2.933"
        x2="59.713"
        y1="2.498"
        y2="65.144"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fad729" />
        <stop offset="1" stop-color="#f04a4c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2.582"
        x2="65.228"
        y1="-3.018"
        y2="59.628"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="5.582"
        x2="68.228"
        y1="-6.018"
        y2="56.628"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-1.22"
        x2="61.426"
        y1=".785"
        y2="63.431"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M55.114 17.5 41.906 4.293A1 1 0 0 0 41.2 4H13.593a5.006 5.006 0 0 0-5 5v46a5.006 5.006 0 0 0 5 5h36.814a5.006 5.006 0 0 0 5-5V18.208a1 1 0 0 0-.293-.708zM42.2 7.414l9.794 9.794H42.2zM50.407 58H13.593a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3H40.2v12.208a1 1 0 0 0 1 1h12.207V55a3 3 0 0 1-3 3z"
    />
    <path
        fill="url(#b)"
        d="M33.2 18.208a1 1 0 0 0-1-1H15.416a1 1 0 1 0 0 2H32.2a1 1 0 0 0 1-1z"
    />
    <path
        fill="url(#c)"
        d="M15.416 13.208H32.2a1 1 0 0 0 0-2H15.416a1 1 0 0 0 0 2z"
    />
    <path
        fill="url(#d)"
        d="M43.2 24.46H20.8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3H27v15.288a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V34.46h6.2a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3zm1 7a1 1 0 0 1-1 1H36a1 1 0 0 0-1 1v16.288a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V33.46a1 1 0 0 0-1-1h-7.2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h22.4a1 1 0 0 1 1 1z"
    />
</svg>