Interactivity

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 50 50"
>
    <pattern
        id="a"
        width="90.407"
        height="90.407"
        x="-490"
        y="-140"
        patternUnits="userSpaceOnUse"
        viewBox="0 -90.407 90.407 90.407"
    >
        <path fill="none" d="M0 0h90.407v-90.407H0z" />
        <path fill="#cc9f71" d="M90.407 0H0v-90.407h90.407z" />
    </pattern>
    <g fill="#cccbcb">
        <path
            d="m25.2 8.237.29 12.648-1 .023L24.2 8.26zM36.748 19.708l.268.963-9.83 2.733-.267-.963zM12.323 20.696l10.083 1.509-.148.989-10.083-1.51zM31.275 14.018l.572.403-5.421 7.713-.573-.403zM18.989 14.25l5.413 7.724-.573.4-5.412-7.722z"
        />
    </g>
    <path
        fill="#666466"
        d="M32.925 14.222a1.365 1.365 0 1 1-2.735-.011 1.365 1.365 0 0 1 2.735.011z"
    />
    <path
        fill="#72b0e0"
        d="M15.292 20.813a3.067 3.067 0 0 1-2.667 3.421 3.064 3.064 0 0 1-3.407-2.668 3.055 3.055 0 0 1 2.653-3.42 3.058 3.058 0 0 1 3.421 2.667z"
    />
    <path
        fill="#666466"
        d="M17.337 14.451a1.365 1.365 0 1 0 2.735-.011 1.365 1.365 0 0 0-2.735.011z"
    />
    <circle cx="24.826" cy="23.008" r="3.808" fill="#66bb6a" />
    <path
        fill="#fbd178"
        d="M38.909 31.107v13.48h-4v-.85h-4v-.86h-4.29l-1.75 1.75-1.75-1.75h-.22v-.22l-7.56-7.56a2.004 2.004 0 0 1 1.42-3.42c.51 0 1.02.2 1.41.59l4.73 4.73v-13.29c0-1.11.9-2.01 2-2.01.56 0 1.06.22 1.42.59.36.36.59.87.59 1.42v5.69c0-1.11.89-2 2-2 1.114 0 2 .902 2 2v.86c0-1.11.89-2.01 2-2.01 1.083 0 2 .894 2 2.01v.85c0-1.1.9-2 2-2 1.085 0 2 .873 2 2z"
    />
    <path
        fill="#f06562"
        d="M28.43 4.736a3.823 3.823 0 0 1-3.734 3.908c-2.102.048-3.843-1.634-3.89-3.736a3.808 3.808 0 0 1 3.717-3.907 3.811 3.811 0 0 1 3.908 3.735z"
    />
    <path
        fill="url(#a)"
        d="M40.805 19.958a3.067 3.067 0 0 1-3.067 3.067 3.064 3.064 0 0 1-3.053-3.067c0-1.7 1.367-3.067 3.053-3.067 1.701 0 3.067 1.366 3.067 3.067z"
    />
    <path
        fill="#eec06e"
        d="M38.909 31.167v13.42h-4v-.85h-4v-.86h-4.29l-1.75 1.75-1.75-1.75h-.22v-.22l-.53-.53c.49-.29 1.03-.51 1.58-.69 2.52-.8 5.22-.74 7.84-1.08 8.076-1.073 4.164-8.728 7.12-9.19z"
    />
    <path
        fill="#f06562"
        d="M39.072 42.878h-16.33a.4.4 0 0 0-.4.4V48.6c0 .22.179.4.4.4h16.33a.4.4 0 0 0 .4-.4v-5.322a.4.4 0 0 0-.4-.4z"
    />
    <circle cx="37.38" cy="45.939" r="1.131" fill="#eeeae8" />
</svg>