export const blockIcon = () => (
    <svg
        viewBox="0 0 220 210"
        xmlns="http://www.w3.org/2000/svg"
        role="img"
        style={{ width: 24, height: 24 }}
        aria-hidden="true"
        focusable="false">
        <path
            fill="#ff929f"
            d="M 110.00  25.29 A 60 60 0 1 0  51.27 127.00 A 60 60 0 0 1  91.25  82.27 A 60 60 0 0 1 110.00  25.29 Z"
        />
        <path
            fill="#a0f1f2"
            d="M 168.73 127.00 A 60 60 0 1 0 110.00  25.29 A 60 60 0 0 1 128.75  82.27 A 60 60 0 0 1 168.73 127.00 Z"
        />
        <path
            fill="#ffeb99"
            d="M  51.27 127.00 A 60 60 0 1 0 168.73 127.00 A 60 60 0 0 1 110.00 114.71 A 60 60 0 0 1  51.27 127.00 Z"
        />
        <path
            fill="#e0aeff"
            d="M 110.00  25.29 A 60 60 0 0 0  91.25  82.27 A 60 60 0 0 1 128.75  82.27 A 60 60 0 0 0 110.00  25.29 Z"
        />
        <path
            fill="#ffc477"
            d="M  51.27 127.00 A 60 60 0 0 0 110.00 114.71 A 60 60 0 0 1  91.25  82.27 A 60 60 0 0 0  51.27 127.00 Z"
        />
        <path
            fill="#b3e59c"
            d="M 168.73 127.00 A 60 60 0 0 0 128.75  82.27 A 60 60 0 0 1 110.00 114.71 A 60 60 0 0 0 168.73 127.00 Z"
        />
        <path
            fill="#dd9f80"
            d="M 110.00 114.71 A 60 60 0 0 0 128.75  82.27 A 60 60 0 0 0  91.25  82.27 A 60 60 0 0 0 110.00 114.71 Z"
        />
    </svg>
)

export const closeX = () => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
        <path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z" />
    </svg>
)