Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <rect width="464" height="368" x="24" y="24" fill="#dfdfdf" rx="16" />
    <path
        fill="#bebebe"
        d="M24 344v32a16 16 0 0 0 16 16h432a16 16 0 0 0 16-16v-32z"
    />
    <path
        fill="#ededed"
        d="M256 136a72 72 0 0 0-72 72v54.744a72 72 0 0 0 15.777 44.978L216 328v40h80v-40l16.223-20.278A72 72 0 0 0 328 262.744V208a72 72 0 0 0-72-72z"
    />
    <path
        fill="#6e6e6e"
        d="M328 262.744V208a72 72 0 0 0-144 0v54.744a72 72 0 0 0 15.777 44.978L216 328l10.289 4.115a80 80 0 0 0 59.422 0L296 328l16.223-20.278A72 72 0 0 0 328 262.744z"
    />
    <path
        fill="#338dbf"
        d="M421.093 428.733a32 32 0 0 0-17.826-17.826L296 368h-80l-107.267 42.907a32 32 0 0 0-17.826 17.826L64 496h384z"
    />
    <g fill="#7db6d6">
        <path
            d="m129.03 124.406-13.355-8.812a167.807 167.807 0 0 1 47.92-47.92l8.81 13.356a151.88 151.88 0 0 0-43.375 43.376zM136.024 325.6a167.005 167.005 0 0 1-37.444-58.8l14.987-5.6a151.11 151.11 0 0 0 33.883 53.2zM375.976 325.6l-11.426-11.2a152.694 152.694 0 0 0 23.12-30.406l13.85 8.012a168.696 168.696 0 0 1-25.544 33.594z"
        />
    </g>
    <path
        fill="#00b378"
        d="m192 80 28.223-14.111a80 80 0 0 1 71.554 0L320 80l-28.223 14.111a80 80 0 0 1-71.554 0z"
    />
    <circle cx="256" cy="80" r="16" fill="#70d6b1" />
    <path
        fill="#00b378"
        d="m458.112 205.366-69.883-51.033L368 238.469l27.279-18.544L417.347 280l30.038-11.034-22.069-60.075z"
    />
    <path
        fill="#7db6d6"
        d="M387.67 132.006a153.43 153.43 0 0 0-48.076-50.976l8.812-13.355a169.517 169.517 0 0 1 53.114 56.32z"
    />
    <path
        fill="#00b378"
        d="M296 256v-16h-9.013a31.808 31.808 0 0 0-3.431-8.242l10.1-10.101-11.313-11.314-10.1 10.101a31.808 31.808 0 0 0-8.243-3.431V208h-16v9.013a31.808 31.808 0 0 0-8.242 3.431l-10.101-10.1-11.314 11.313 10.101 10.1a31.808 31.808 0 0 0-3.431 8.243H216v16h9.013a31.808 31.808 0 0 0 3.431 8.242l-10.1 10.101 11.313 11.314 10.1-10.101a31.808 31.808 0 0 0 8.243 3.431V288h16v-9.013a31.808 31.808 0 0 0 8.242-3.431l10.101 10.1 11.314-11.313-10.101-10.1a31.808 31.808 0 0 0 3.431-8.243zm-40 8a16 16 0 1 1 16-16 16.018 16.018 0 0 1-16 16zM136 208a16 16 0 0 0 0-32h-8a16 16 0 0 0 16-16 16 16 0 0 0-16-16H80a16 16 0 0 0 0 32h-8a16 16 0 0 0 0 32 16 16 0 0 0 0 32h64a16 16 0 0 0 16-16 16 16 0 0 0-16-16z"
    />
    <path fill="#00a16c" d="M96 144h16v96H96z" />
</svg>