Radius Pixel Art Icon
A radius icon for corner-radius controls, border-rounding tools, and shape curvature settings in design applications.
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Radius icon
A line from center to edge with a curved arc, illustrating the geometric concept of a radius. In UI design tools it appears next to the corner-radius input, controlling how rounded a rectangle's corners are. It also labels radius fields in CSS or SVG property panels. For a full circle or arc tool, those dedicated icons are more specific; the radius icon is best reserved for corner-rounding controls, where users connect it to curved corners immediately.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/radius.svg" width="24" height="24" alt="Radius" />
<!-- React -->
import { Radius } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="radius.svg" width="48" height="48" style="image-rendering: pixelated" />