Credit Card

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 28 28"
>
    <linearGradient
        id="a"
        x1="-1.495"
        x2="27.167"
        y1="25.272"
        y2="1.647"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-2.364"
        x2="26.299"
        y1="24.218"
        y2=".593"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M25.186 3.5H4.814A1.316 1.316 0 0 0 3.5 4.814V5.5h-.686A1.316 1.316 0 0 0 1.5 6.814v13.372A1.316 1.316 0 0 0 2.814 21.5h20.372a1.316 1.316 0 0 0 1.314-1.314V19.5h.686a1.316 1.316 0 0 0 1.314-1.314V4.814A1.316 1.316 0 0 0 25.186 3.5zm-22.372 3h20.372a.315.315 0 0 1 .314.314V8.5h-21V6.814a.315.315 0 0 1 .314-.314zm-.314 3h21v1h-21zm21 10.686a.315.315 0 0 1-.314.314H2.814a.315.315 0 0 1-.314-.314V11.5h21zm2-2a.315.315 0 0 1-.314.314H24.5V6.814A1.316 1.316 0 0 0 23.186 5.5H4.5v-.686a.315.315 0 0 1 .314-.314h20.372a.315.315 0 0 1 .314.314z"
        />
        <path
            fill="url(#b)"
            d="M9 14.5H5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm-3.5 1h1v2h-1zm3 2h-1v-2h1z"
        />
    </g>
</svg>