Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 850 850"
>
    <linearGradient
        id="id0"
        gradientUnits="userSpaceOnUse"
        x1="425"
        x2="425"
        y1="850"
        y2="0"
    >
        <stop offset="0" stop-color="#1aa8dc" />
        <stop offset=".490196" stop-color="#ae3b89" />
        <stop offset="1" stop-color="#f26270" />
    </linearGradient>
    <g fill-rule="evenodd">
        <g id="Layer_x0020_1">
            <circle cx="425" cy="425" fill="url(#id0)" r="425" />
            <g id="_484985736">
                <g>
                    <g>
                        <g>
                            <g>
                                <path
                                    d="m556 472h-261c-15 0-27-10-27-21v-260c0-12 12-22 27-22h261c15 0 27 10 27 22v259c0 12-12 22-27 22zm-261-288c-8 0-13 4-13 7v259c0 3 5 7 13 7h261c7 0 12-4 12-7v-259c0-3-5-7-12-7z"
                                    fill="#fefefe"
                                />
                            </g>
                            <g>
                                <path
                                    d="m575 235h-300c-4 0-8-4-8-8s4-7 8-7h300c4 0 8 3 8 7s-4 8-8 8z"
                                    fill="#fefefe"
                                />
                            </g>
                            <g>
                                <path
                                    d="m363 235c-2 0-3-1-5-2-3-3-4-7-1-10l38-51c3-3 8-4 11-1 3 2 4 7 1 10l-39 51c-1 2-3 3-5 3z"
                                    fill="#fefefe"
                                />
                            </g>
                            <g>
                                <path
                                    d="m523 209h-11c-5 0-8-3-8-7s4-7 8-7h11c4 0 8 3 8 7s-4 7-8 7z"
                                    fill="#fefefe"
                                />
                            </g>
                            <g>
                                <path
                                    d="m486 209h-11c-5 0-8-3-8-7s4-7 8-7h11c4 0 7 3 7 7s-3 7-7 7z"
                                    fill="#fefefe"
                                />
                            </g>
                            <g>
                                <path
                                    d="m449 209h-12c-4 0-7-3-7-7s4-7 7-7h12c4 0 7 3 7 7s-3 7-7 7z"
                                    fill="#fefefe"
                                />
                            </g>
                        </g>
                        <g>
                            <path
                                d="m590 577h-330c-14 0-26-12-26-26v-244c0-14 11-26 26-26h15c4 0 8 4 8 8s-4 7-8 7h-15c-6 0-12 6-12 12v243c0 6 6 11 12 11h330c6 0 11-5 11-11v-244c0-6-5-11-11-11h-15c-4 0-7-4-7-8s3-7 7-7h15c14 0 26 11 26 26v243c0 15-11 27-26 27z"
                                fill="#fefefe"
                            />
                        </g>
                        <g>
                            <path
                                d="m609 526h-368c-4 0-7-3-7-7s3-8 7-8h368c4 0 7 4 7 8s-3 7-7 7z"
                                fill="#fefefe"
                            />
                        </g>
                        <g>
                            <path
                                d="m452 652h-54c-4 0-8-3-8-7v-75c0-5 4-8 8-8s7 3 7 8v68h40v-68c0-5 4-8 8-8s7 3 7 8v75c0 4-4 7-8 7z"
                                fill="#fefefe"
                            />
                        </g>
                        <g>
                            <path
                                d="m523 681h-195c-2 0-5-1-6-2-1-2-2-4-1-6l10-58c1-3 4-6 7-6h60c4 0 7 3 7 8 0 4-3 7-7 7h-53l-8 43h177l-8-43h-54c-4 0-7-3-7-7 0-5 3-8 7-8h60c3 0 7 3 7 6l11 58c1 2 0 4-1 6-2 1-4 2-6 2z"
                                fill="#fefefe"
                            />
                        </g>
                        <g>
                            <path
                                d="m442 552h-32c-4 0-7-4-7-8s3-7 7-7h32c5 0 8 3 8 7s-4 8-8 8z"
                                fill="#fefefe"
                            />
                        </g>
                    </g>
                    <g>
                        <path
                            d="m470 436h-89c-4 0-8-3-8-7v-166c0-4 4-7 8-7h89c4 0 7 3 7 7v166c0 4-4 7-7 7zm-82-14h74v-152h-74z"
                            fill="#fefefe"
                        />
                    </g>
                    <g>
                        <g>
                            <path
                                d="m345 379c-2 0-4 0-5-1l-30-26c-1-2-2-4-2-6s1-4 2-5l30-26c3-3 8-3 11 0 2 3 2 8-1 11l-24 21 24 20c3 2 3 7 1 10-2 2-4 2-6 2z"
                                fill="#fefefe"
                            />
                        </g>
                        <g>
                            <path
                                d="m506 379c-2 0-4 0-6-2-2-3-2-8 1-10l24-21-24-21c-3-2-3-7-1-10 3-3 7-3 11-1l30 26c1 2 2 4 2 6s-1 4-2 5l-31 27c-1 1-3 1-4 1z"
                                fill="#fefefe"
                            />
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>