Focus

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="5.5"
        x2="5.5"
        y1=".074"
        y2="23.854"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a8e63c" />
        <stop offset="1" stop-color="#468158" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="18.5"
        x2="18.5"
        y1=".074"
        y2="23.854"
        href="#a"
    />
    <linearGradient id="c" x1="5" x2="5" y1=".074" y2="23.854" href="#a" />
    <linearGradient id="d" x1="19" x2="19" y1=".074" y2="23.854" href="#a" />
    <linearGradient id="e" x1="12" x2="12" y1=".074" y2="23.854" href="#a" />
    <path
        fill="url(#a)"
        d="M4 8a1 1 0 0 1-1-1V5a2 2 0 0 1 2-2h2a1 1 0 0 1 0 2H5v2a1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#b)"
        d="M20 8a1 1 0 0 1-1-1V5h-2a1 1 0 0 1 0-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#a)"
        d="M7 21H5a2 2 0 0 1-2-2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 0 2z"
    />
    <path
        fill="url(#b)"
        d="M19 21h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2a2 2 0 0 1-2 2z"
    />
    <path fill="url(#c)" d="M6 13H4a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
    <path fill="url(#d)" d="M20 13h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
    <g fill="url(#e)">
        <path
            d="M12 21a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM12 7a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM12 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
        />
    </g>
</svg>