Rattle

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 1.707 1.707"
>
    <linearGradient
        id="a"
        x1=".853"
        x2=".853"
        y1="0"
        y2="1.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#66c" />
        <stop offset=".51" stop-color="#f0f" />
        <stop offset="1" stop-color="#f60" />
    </linearGradient>
    <g fill-rule="evenodd">
        <circle cx=".853" cy=".853" r=".853" fill="url(#a)" />
        <path
            fill="#fff"
            d="M.968.424a.384.384 0 1 0-.09.611l.23.31a.168.168 0 0 0 .287-.118.168.168 0 0 0-.049-.119c-.045-.048-.244-.181-.31-.23A.384.384 0 0 0 .967.423zM.46.46A.334.334 0 0 1 .874.414C.841.674.468.58.39.827A.334.334 0 0 1 .46.46zM.427.894C.442.756.551.715.66.674.775.633.89.59.92.45a.337.337 0 0 1 .045.05C.935.772.532.66.472.942a.338.338 0 0 1-.045-.05zm.09.084c.034-.26.407-.166.486-.413a.334.334 0 0 1-.485.413zm.403.03A.388.388 0 0 0 1.008.92l.303.224a.117.117 0 0 1-.084.2.117.117 0 0 1-.083-.033L.92 1.008z"
        />
    </g>
</svg>