I was going to make a gif tutorial but I screwed up the recording and I've lost all motivation.

File, New, set resolution multiple of 1000, like 2000x2000

View, Show Grid

View, Snap to Grid

Image, Configure Grid, set pixels under Spacing to desired height, if aspect ratio is checked it will automatically adjust the width to match, like 50x50 for example

Zoom in towards center, click and drag vertical and horizontal ruler to the center using the location value on the bottom left

Create first transparent layer

Select brush tool, the big circle brush, and set size to 1000 and click at the center

Select eraser tool, set size to 960 and click center

New layer

Brush to 700, center

eraser to 670, center

New layer

brush to 60, between rings

eraser to 40, on new dot

New layer

Using brush at size 20px, click and shift click to create lines, draw a square and a right triangle in the top-left quadrant in the centermost circle by connecting points on the rim.

Select every layer, copy and paste

With new layers selected, select all

Transform, Rotate, ensure that the centerpoint is the actual center with the on screen reticle, and rotate the circle 90 degrees. Repeat process but rotate 180 degress.

Export image, you're done.

EDIT: I guess I didn't really explain Whitespace Utilization, you can use a white brush instead of eraser to cover the layer beneath.

Once you're ready to export, flatten image to a single layer and then under color, color to alpha, white should already be selected

Add a new layer, white layer, move the layer to the bottom of the stack

Done