Pixelarticons

Arrow Down Circle Pixel Art Icon

A downward arrow inside a circle, for download buttons, scroll-down indicators, and expand-section controls.

arrows Free 2 variants

Tags

arrowdowndownwardbottombelowcircle

Style variants

base

Outline · rounded corners

solid

Filled · rounded corners

Get Pro

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

About the Arrow Down Circle icon

A downward arrow enclosed in a circle. The circular frame elevates the icon beyond a bare arrow, giving it the visual weight of a standalone button or affordance. It is common on download buttons, 'expand section' toggles, and 'scroll to next' cues in long-form pages. The circle adds a sense of completion or containment. For a less prominent directional cue, a bare chevron-down reads lighter; for a boxed destination feel, arrow-down-box is an alternative.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/arrow-down-circle.svg" width="24" height="24" alt="Arrow Down Circle" />

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

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

Related icons