Circle Dot Pixel Art Icon
A circle with a center dot for radio buttons, target reticles, record indicators, and GPS location markers.
Tags
circledot
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Circle Dot icon
A circle with a filled dot at its center, a shape that appears across several interface patterns. It is the selected state of a radio button in many design systems, a crosshair or target reticle in maps and games, and a 'Recording' indicator in some media interfaces. It also resembles a bullseye, useful for focus or precision metaphors. For a location pin on a map, a dedicated map-pin icon is more recognizable; reserve circle-dot for radio selections and targeting.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/circle-dot.svg" width="24" height="24" alt="Circle Dot" />
<!-- React -->
import { CircleDot } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="circle-dot.svg" width="48" height="48" style="image-rendering: pixelated" />