Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#545454" />
    <path
        fill="#333"
        d="M262.248 511.925c134.377-3.219 243.106-109.982 249.458-243.56l-103.65-103.636-16.473 6.92L287.265 67.331l-82.23 109.597-41.271-41.271s-64.361 37.974-77.98 87.675c-17.389 63.462 20.069 121.982 20.069 121.982l83.211 83.211-4.671 5.544z"
    />
    <path
        fill="#f55"
        d="M298.72 177.528 256 196.98h-71.608v-19.452c0-35.095 28.449-63.534 63.534-63.534h16.149c35.084 0 34.645 28.439 34.645 63.534z"
    />
    <path
        fill="#d3205c"
        d="M327.608 177.528v19.452H256v-82.986h8.075c35.084 0 63.533 28.439 63.533 63.534z"
    />
    <path
        fill="#ffdaae"
        d="M215.324 93.347c0-22.465 18.211-40.676 40.676-40.676 0 0 20.338 18.211 20.338 40.676S256 134.023 256 134.023c-22.465 0-40.676-18.211-40.676-40.676z"
    />
    <path
        fill="#ffb985"
        d="M256 52.671v81.352c22.465 0 40.676-18.211 40.676-40.676S278.465 52.671 256 52.671z"
    />
    <path
        fill="#a9e54a"
        d="M298.72 414.616 256 434.069h-71.608v-19.452c0-35.095 28.449-63.534 63.534-63.534h16.149c35.084-.001 34.645 28.438 34.645 63.533z"
    />
    <path
        fill="#2cb737"
        d="M327.608 414.616v19.452H256v-82.986h8.075c35.084 0 63.533 28.439 63.533 63.534z"
    />
    <path
        fill="#ffdaae"
        d="M215.324 330.435c0-22.465 18.211-40.676 40.676-40.676 0 0 20.338 18.211 20.338 40.676S256 371.111 256 371.111c-22.465.001-40.676-18.211-40.676-40.676z"
    />
    <path
        fill="#ffb985"
        d="M256 289.759v81.352c22.465 0 40.676-18.211 40.676-40.676 0-22.464-18.211-40.676-40.676-40.676z"
    />
    <path
        fill="#fff"
        d="M98.395 254c0-29.568 13.064-57.256 35.055-76.062l8.068 10.493 22.245-52.774-56.717 7.944 8.097 10.53C85.845 178.583 68.395 215.035 68.395 254c0 47.36 25.781 91.009 67.281 113.91l14.495-26.266C118.234 324.021 98.395 290.438 98.395 254z"
    />
    <path
        fill="#e5e5e5"
        d="M443.605 254c0-47.36-25.78-91.009-67.281-113.91l-14.494 26.266c31.936 17.624 51.775 51.208 51.775 87.645 0 29.901-13.361 57.882-35.804 76.697l-8.12-10.56-22.245 52.774 56.717-7.944-8.052-10.472c29.754-24.455 47.504-61.198 47.504-100.496z"
    />
</svg>