Add Event

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="c"
        x1="7.536"
        x2="52.95"
        y1="62.364"
        y2="16.95"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d7e6f9" />
        <stop offset="1" stop-color="#ccd3dd" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="36.101"
        x2="55.899"
        y1="55.899"
        y2="36.101"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#77f969" />
        <stop offset="1" stop-color="#03dd03" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="15.293"
        x2="48.707"
        y1="35.293"
        y2="1.879"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f95555" />
        <stop offset="1" stop-color="#d81d1d" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="5"
        x2="14.62"
        y1="16"
        y2="6.38"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#617093" />
        <stop offset="1" stop-color="#3d4860" />
    </linearGradient>
    <linearGradient id="e" x1="19" x2="28.62" y2="6.38" href="#a" />
    <linearGradient id="f" x1="35" x2="44.62" y2="6.38" href="#a" />
    <linearGradient id="g" x1="49" x2="58.62" y2="6.38" href="#a" />
    <linearGradient id="h" x1="10.5" x2="13.5" y1="31.5" y2="28.5" href="#b" />
    <linearGradient id="i" x1="20.5" x2="23.5" y1="31.5" y2="28.5" href="#b" />
    <linearGradient id="j" x1="10.5" x2="13.5" y1="39.5" y2="36.5" href="#b" />
    <linearGradient id="k" x1="20.5" x2="23.5" y1="39.5" y2="36.5" href="#b" />
    <linearGradient id="l" x1="10.5" x2="13.5" y1="47.5" y2="44.5" href="#b" />
    <linearGradient id="m" x1="20.5" x2="23.5" y1="47.5" y2="44.5" href="#b" />
    <linearGradient id="n" x1="10.5" x2="13.5" y1="55.5" y2="52.5" href="#b" />
    <linearGradient id="o" x1="20.5" x2="23.5" y1="55.5" y2="52.5" href="#b" />
    <linearGradient id="p" x1="30.5" x2="33.5" y1="31.5" y2="28.5" href="#b" />
    <linearGradient id="q" x1="41.5" x2="50.5" y1="50.5" y2="41.5" href="#c" />
    <path
        fill="url(#c)"
        d="M4 24h56v22a14 14 0 0 1-14 14H6a2 2 0 0 1-2-2V24z"
    />
    <circle cx="46" cy="46" r="14" fill="url(#d)" />
    <path fill="url(#b)" d="M6 12h52a2 2 0 0 1 2 2v10H4V14a2 2 0 0 1 2-2z" />
    <path
        fill="url(#a)"
        d="M10 19H8v-2h2a1 1 0 0 0 1-1V6a1 1 0 0 0-2 0v6H7V6a3 3 0 0 1 6 0v10a3 3 0 0 1-3 3z"
    />
    <path
        fill="url(#e)"
        d="M24 19h-2v-2h2a1 1 0 0 0 1-1V6a1 1 0 0 0-2 0v6h-2V6a3 3 0 0 1 6 0v10a3 3 0 0 1-3 3z"
    />
    <path
        fill="url(#f)"
        d="M40 19h-2v-2h2a1 1 0 0 0 1-1V6a1 1 0 0 0-2 0v6h-2V6a3 3 0 0 1 6 0v10a3 3 0 0 1-3 3z"
    />
    <path
        fill="url(#g)"
        d="M54 19h-2v-2h2a1 1 0 0 0 1-1V6a1 1 0 0 0-2 0v6h-2V6a3 3 0 0 1 6 0v10a3 3 0 0 1-3 3z"
    />
    <path fill="url(#h)" d="M10 29h4v2h-4z" />
    <path fill="url(#i)" d="M20 29h4v2h-4z" />
    <path fill="url(#j)" d="M10 37h4v2h-4z" />
    <path fill="url(#k)" d="M20 37h4v2h-4z" />
    <path fill="url(#l)" d="M10 45h4v2h-4z" />
    <path fill="url(#m)" d="M20 45h4v2h-4z" />
    <path fill="url(#n)" d="M10 53h4v2h-4z" />
    <path fill="url(#o)" d="M20 53h4v2h-4z" />
    <path fill="url(#p)" d="M30 29h4v2h-4z" />
    <path fill="url(#q)" d="M54 45h-7v-7h-2v7h-7v2h7v7h2v-7h7z" />
</svg>