268 new icons just landed, and every Heroicons and Feather icon is covered. See what's new →
Pixelarticons

Dot Pixel Art Icon

A small dot for status indicators, bullets, markers and unread badges.

Design Pro 2 variants

Tags

dotpointcirclebulletstatus

Style variants

base

Outline · rounded corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

This is a Pro icon.

Get it with all 5504 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team Unlimited covers everyone.

Get Pro

About the Dot icon

A single small round dot. Use it as a status indicator (online, busy), a bullet in a list, a marker on a timeline, or an unread badge. The solid style is a filled dot. For a larger ring, use circle.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/dot.svg" width="24" height="24" alt="Dot" />

<!-- React -->
import { Dot } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="dot.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons

By Gerrit Gerrit Halfmann