Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#505050"
        d="M50.712 12H6a2 2 0 0 0-2 2v16.556A3.959 3.959 0 0 1 6 30h2V16h43.112z"
    />
    <path
        fill="#f0f0f0"
        d="M51.444 33.363c-2.269-3.026-2.07-7.265.397-10.077L51.112 16H8v14h14c2.206 0 4 1.794 4 4v10h29.996v-4.765l-.074.099z"
    />
    <path
        fill="#d2d2d2"
        d="M24 20v2h27.712l-.2-2zM24 24v2h26.289a7.979 7.979 0 0 1 1.003-2zM49.887 28H24v2h25.992a8.081 8.081 0 0 1-.105-2z"
    />
    <path
        fill="#505050"
        d="M55.996 39.235V44H26v8h32a2 2 0 0 0 2-1.996l-.002-16.106z"
    />
    <path
        fill="#f0f0f0"
        d="M31.996 50a2 2 0 1 1-.001-3.999A2 2 0 0 1 31.996 50z"
    />
    <path
        fill="#505050"
        d="M26 52v6c0 .732-.212 1.409-.556 2H42a7.237 7.237 0 0 1-4-6.472V52z"
    />
    <path
        fill="#3c3c3c"
        d="M26 52v6c0 .732-.212 1.409-.556 2H26a7.237 7.237 0 0 0 4-6.472V52zM6 30h2V14a2 2 0 0 1 2-2H6a2 2 0 0 0-2 2v16.556A3.959 3.959 0 0 1 6 30z"
    />
    <path
        fill="#505050"
        d="M22 60H6a2 2 0 0 1-2-2V34a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2z"
    />
    <path
        fill="#3c3c3c"
        d="M8 58V34a2 2 0 0 1 2-2H6a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h4a2 2 0 0 1-2-2z"
    />
    <path fill="#f0f0f0" d="M8 36h12v20H8z" />
    <path fill="#fa6450" d="M12 20h10v10H12zM10 38h8v6h-8z" />
    <path fill="#d2d2d2" d="M10 46h8v2h-8zM10 50h8v2h-8z" />
    <path fill="#64c8f0" d="M30 32h6v6h-6z" />
    <path
        fill="#fa6450"
        d="M38 32h6v6h-6zM53.922 24l-.32.32a6 6 0 0 0-.557 7.843L55.922 36l2.878-3.837a6 6 0 0 0-.557-7.843l-.321-.32z"
    />
    <path
        fill="#dc4632"
        d="M54.967 32.163a6 6 0 0 1 .557-7.843l.32-.32h-1.922l-.32.32a6 6 0 0 0-.557 7.843L55.922 36l.961-1.281z"
    />
    <path
        fill="#fab400"
        d="M51.444 33.363A7.886 7.886 0 0 1 50.629 32H46v6h6v-3.896z"
    />
    <path
        fill="#505050"
        d="m53.922 24-1.67-16.701A3 3 0 0 1 55.237 4h1.37a3 3 0 0 1 2.985 3.299L57.922 24z"
    />
    <path
        fill="#3c3c3c"
        d="M56.765 4.017c-.054-.003-.104-.017-.158-.017h-1.37a3 3 0 0 0-2.985 3.299L53.922 24h1.685l-1.67-16.701a2.992 2.992 0 0 1 2.828-3.282z"
    />
    <path fill="#fab400" d="m58.322 20 .2-2h-5.2l.2 2z" />
    <path fill="#dc9600" d="M53.522 20h1.686l-.2-2h-1.686z" />
</svg>