Circle Chevron Up Pixel Art Icon
An upward chevron inside a circle, for scroll-to-top buttons, collapse-section controls, and back-to-top floating buttons.
Tags
circlechevroncaretarrowupupwardtopabove
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Circle Chevron Up icon
An upward chevron framed in a circle, often used as a floating 'back to top' button fixed in the corner of a long page. The circle gives it the self-contained affordance of a standalone button, distinct from an inline accordion toggle. It also fits a 'collapse this section' control in card-based layouts. For inline use inside an accordion header, the bare chevron-up is less visually dominant and blends more naturally with surrounding text.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/circle-chevron-up.svg" width="24" height="24" alt="Circle Chevron Up" />
<!-- React -->
import { CircleChevronUp } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="circle-chevron-up.svg" width="48" height="48" style="image-rendering: pixelated" />