Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <path fill="#95b0ed" d="M332 0v80L0 60V30C0 13.431 13.431 0 30 0z" />
    <path
        fill="#5c2bc8"
        d="M467 0h-45l-15 120 90-30V30c0-16.569-13.431-30-30-30z"
    />
    <path
        fill="#4e4cd3"
        d="M422 0h-90c-24.853 0-45 20.147-45 45v15H0v30l30 30h437V45c0-24.853-20.147-45-45-45z"
    />
    <path
        fill="#95b0ed"
        d="M467 90 347 241l120 151h22.5a7.5 7.5 0 0 0 7.5-7.5V90z"
    />
    <path
        fill="#acd2f6"
        d="M0 90v294.5a7.5 7.5 0 0 0 7.5 7.5H467v-30l-60-121 60-121V90z"
    />
    <path fill="#c4f3ff" d="m437 120-60 121 60 121h30V120z" />
    <path fill="#fff" d="M30 120v242h61.602L248.5 342l154.898 20H437V120z" />
    <circle cx="452" cy="45" r="15" fill="#05ff77" />
    <circle cx="392" cy="45" r="15" fill="#ffd06a" />
    <circle cx="332" cy="45" r="15" fill="#ff545a" />
    <path
        fill="#7d8fe5"
        d="m361.792 260.134 17.145-17.145c2.62-2.62 2.961-6.781.742-9.747a165.932 165.932 0 0 0-33.421-33.421c-2.966-2.22-7.127-1.878-9.747.742l-17.145 17.145a134.212 134.212 0 0 0-41.866-17.357v-24.248c0-3.704-2.699-6.888-6.366-7.415-7.718-1.11-15.608-1.688-23.634-1.688s-15.916.578-23.634 1.687c-3.667.527-6.366 3.711-6.366 7.415v24.248a134.212 134.212 0 0 0-41.866 17.357l-17.145-17.145c-2.62-2.62-6.781-2.961-9.747-.742a165.932 165.932 0 0 0-33.421 33.421c-2.22 2.966-1.878 7.127.742 9.747l17.145 17.145a134.212 134.212 0 0 0-17.357 41.866H91.602c-3.704 0-6.888 2.699-7.415 6.366C83.078 316.084 82.5 323.974 82.5 332s.578 15.916 1.687 23.634c.527 3.667 3.711 6.366 7.415 6.366h24.248a134.212 134.212 0 0 0 17.357 41.866l-17.145 17.145c-2.62 2.62-2.961 6.781-.742 9.747a165.932 165.932 0 0 0 33.421 33.421c2.966 2.22 7.127 1.878 9.747-.742l17.145-17.145a134.188 134.188 0 0 0 41.866 17.357v24.248c0 3.704 2.699 6.888 6.366 7.415 7.719 1.109 15.609 1.687 23.634 1.687s15.916-.578 23.634-1.687c3.667-.527 6.366-3.711 6.366-7.415v-24.248a134.212 134.212 0 0 0 41.866-17.357l17.145 17.145c2.62 2.62 6.781 2.961 9.747.742a165.906 165.906 0 0 0 33.421-33.421c2.22-2.966 1.878-7.127-.742-9.747l-17.145-17.145A134.212 134.212 0 0 0 379.148 362h24.248c3.704 0 6.888-2.699 7.415-6.366 1.109-7.719 1.687-15.609 1.687-23.634s-.578-15.916-1.687-23.634c-.527-3.667-3.711-6.366-7.415-6.366h-24.248a134.186 134.186 0 0 0-17.356-41.866z"
    />
    <path
        fill="#4e4cd3"
        d="M247.5 227c24.853 0 45 47.01 45 105s-20.147 105-45 105c57.99 0 105-47.01 105-105s-47.01-105-105-105z"
    />
    <path
        fill="#666ddc"
        d="M322.5 332c0-57.99-33.579-105-75-105-57.99 0-105 47.01-105 105s47.01 105 105 105c41.421 0 75-47.01 75-105z"
    />
    <circle cx="247.5" cy="332" r="30" fill="#fff" />
</svg>