Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#edf5ff"
        d="M0 106v391c0 8.284 6.716 15 15 15h482c8.284 0 15-6.716 15-15V106L256 96z"
    />
    <path fill="#cee8ff" d="M512 106v391c0 8.28-6.72 15-15 15H256V96z" />
    <path
        fill="#004692"
        d="M512 15c0-8.284-6.716-15-15-15H15C6.716 0 0 6.716 0 15v91h512z"
    />
    <path fill="#00204d" d="M512 15v91H256V0h241c8.28 0 15 6.72 15 15z" />
    <path
        fill="#ffda2d"
        d="M362.5 189.416h-211c-32.809 0-59.5 26.691-59.5 59.5s26.691 59.5 59.5 59.5h211c32.809 0 59.5-26.691 59.5-59.5s-26.691-59.5-59.5-59.5z"
    />
    <path
        fill="#ffaa17"
        d="M422 248.92c0 32.8-26.69 59.5-59.5 59.5H256v-119h106.5c32.81 0 59.5 26.69 59.5 59.5z"
    />
    <path
        fill="#ff7900"
        d="M362.5 278.416h-211c-16.267 0-29.5-13.233-29.5-29.5s13.233-29.5 29.5-29.5h211c16.267 0 29.5 13.233 29.5 29.5s-13.233 29.5-29.5 29.5z"
    />
    <path
        fill="#ff4800"
        d="M392 248.92c0 16.26-13.23 29.5-29.5 29.5H256v-59h106.5c16.27 0 29.5 13.23 29.5 29.5z"
    />
    <path
        fill="#4ec9ff"
        d="m394.279 348.795-84.001-93.047c-9.184-10.175-26.134-3.648-26.134 10.052v125.355c0 10.507 10.565 17.779 20.385 14l28-10.769 9.453 24.579c2.97 7.723 11.644 11.593 19.385 8.615 7.732-2.974 11.589-11.652 8.615-19.385l-9.453-24.578 28.001-10.77c9.788-3.765 12.82-16.219 5.749-24.052z"
    />
    <circle cx="458" cy="53" r="15" fill="#e63950" />
    <circle cx="398" cy="53" r="15" fill="#ffda2d" />
    <circle cx="338" cy="53" r="15" fill="#32fca5" />
</svg>