Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#fff48b"
        d="m240 60-40 60H15c-8.284 0-15 6.716-15 15v362c0 8.284 6.716 15 15 15h482c8.284 0 15-6.716 15-15V75c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#ffdd54"
        d="M497 60H256v452h241c8.284 0 15-6.716 15-15V75c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#6e75e2"
        d="M255 75h257V15c0-8.284-6.716-15-15-15H15C6.716 0 0 6.716 0 15v120h206.972c5.015 0 9.699-2.507 12.481-6.68z"
    />
    <path fill="#525cdd" d="M497 0H256v75h256V15c0-8.284-6.716-15-15-15z" />
    <circle cx="60" cy="67.5" r="15" fill="#ff6b6b" />
    <circle cx="120" cy="67.5" r="15" fill="#ffb454" />
    <circle cx="180" cy="67.5" r="15" fill="#c8ffff" />
    <path
        fill="#e2dff4"
        d="m377.424 345.689-13.599-7.852c1.446-7.162 2.175-14.469 2.175-21.838s-.729-14.676-2.175-21.838l13.599-7.852a15.001 15.001 0 0 0 5.49-20.49l-20-34.641c-4.142-7.174-13.315-9.632-20.49-5.49l-13.602 7.853a108.886 108.886 0 0 0-37.821-21.856V196c0-8.284-6.716-15-15-15h-40c-8.284 0-15 6.716-15 15v15.686a108.89 108.89 0 0 0-37.822 21.856l-13.601-7.853c-7.174-4.144-16.349-1.685-20.49 5.49l-20 34.641c-4.142 7.174-1.684 16.348 5.49 20.49l13.598 7.851c-1.446 7.163-2.176 14.47-2.176 21.838s.729 14.676 2.176 21.838l-13.598 7.851c-7.174 4.142-9.632 13.316-5.49 20.49l20 34.641c4.142 7.175 13.315 9.633 20.49 5.49l13.601-7.853a108.865 108.865 0 0 0 37.822 21.856V436c0 8.284 6.716 15 15 15h40c8.284 0 15-6.716 15-15v-15.686a108.886 108.886 0 0 0 37.821-21.856l13.602 7.853c7.174 4.142 16.348 1.683 20.49-5.49l20-34.641a15.003 15.003 0 0 0-5.49-20.491zM256 356c-22.091 0-40-17.909-40-40s17.909-40 40-40 40 17.909 40 40-17.909 40-40 40z"
    />
    <path
        fill="#bebcdd"
        d="M384.413 277.203a14.994 14.994 0 0 0-1.499-11.382l-20-34.641c-4.142-7.174-13.315-9.632-20.49-5.49l-13.602 7.853a108.886 108.886 0 0 0-37.821-21.856V196c0-8.284-6.716-15-15-15H256v95c22.091 0 40 17.909 40 40s-17.909 40-40 40v95h20.001c8.284 0 15-6.716 15-15v-15.686a108.886 108.886 0 0 0 37.821-21.856l13.602 7.853c7.174 4.142 16.348 1.683 20.49-5.49l20-34.641a15.003 15.003 0 0 0 1.499-11.382 14.994 14.994 0 0 0-6.989-9.108l-13.599-7.852C365.271 330.676 366 323.369 366 316s-.729-14.676-2.175-21.838l13.599-7.852a14.995 14.995 0 0 0 6.989-9.107z"
    />
    <path
        fill="#f1f1f4"
        d="M256 371c-30.327 0-55-24.673-55-55s24.673-55 55-55 55 24.673 55 55-24.673 55-55 55zm0-80c-13.785 0-25 11.215-25 25s11.215 25 25 25 25-11.215 25-25-11.215-25-25-25z"
    />
    <path
        fill="#e2dff4"
        d="M281 316c0 13.785-11.215 25-25 25v30c30.327 0 55-24.673 55-55s-24.673-55-55-55v30c13.785 0 25 11.215 25 25z"
    />
</svg>