Swimming Trunks

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="45.384"
        x2="52.616"
        y1="56.263"
        y2="43.737"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0377be" />
        <stop offset="1" stop-color="#44b3e6" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="11.384"
        x2="18.616"
        y1="56.263"
        y2="43.737"
        gradientTransform="rotate(180 15 50)"
        href="#a"
    />
    <linearGradient
        id="b"
        x1="20.353"
        x2="27.915"
        y1="31.049"
        y2="17.951"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#37474f" />
        <stop offset="1" stop-color="#78909c" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="36.353"
        x2="43.915"
        y1="31.049"
        y2="17.951"
        href="#b"
    />
    <linearGradient
        id="f"
        x1="24.768"
        x2="39.232"
        y1="28.526"
        y2="3.474"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="21.188"
        x2="45.812"
        y1="57.923"
        y2="15.273"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f78f1e" />
        <stop offset="1" stop-color="#ffcb29" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="13.768"
        x2="18.232"
        y1="19.866"
        y2="12.134"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#44b3e6" />
        <stop offset="1" stop-color="#b5e4fa" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="29.768"
        x2="34.232"
        y1="19.866"
        y2="12.134"
        href="#c"
    />
    <linearGradient
        id="i"
        x1="45.768"
        x2="50.232"
        y1="19.866"
        y2="12.134"
        href="#c"
    />
    <path fill="url(#a)" d="M38 48h22v4H38z" />
    <path fill="url(#d)" d="M4 48h22v4H4z" transform="rotate(180 15 50)" />
    <path fill="url(#b)" d="M24 16a2 2 0 0 1 2 2v14h-4V18a2 2 0 0 1 2-2z" />
    <path fill="url(#e)" d="M40 16a2 2 0 0 1 2 2v14h-4V18a2 2 0 0 1 2-2z" />
    <path
        fill="url(#f)"
        d="M10 12v8h12v-2a2 2 0 0 1 4 0v2h12v-2a2 2 0 0 1 4 0v2h12v-8z"
    />
    <path
        fill="url(#g)"
        d="M54 20H42v12h-4V20H26v12h-4V20H10a56.834 56.834 0 0 0-6 25.416V48h22l4-16a2.04 2.04 0 0 1 4 0l4 16h22v-2.584A56.832 56.832 0 0 0 54 20z"
    />
    <path fill="url(#c)" d="M14 12h4v8h-4z" />
    <path fill="url(#h)" d="M30 12h4v8h-4z" />
    <path fill="url(#i)" d="M46 12h4v8h-4z" />
</svg>