Pixelarticons

Pi Circle Pixel Art Icon

Pi enclosed in a circle for mathematical constants, academic tools, and formula-based calculation features.

finance Free 2 variants

Tags

picircle

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 Pi Circle icon

The pi symbol set inside a circular border, giving the mathematical constant a contained, badge-like shape. It works well as a button icon in a scientific calculator, a 'Constants' section marker in a formula editor, or a category icon for geometry in an educational app. The circle adds visual hierarchy and makes the icon feel more intentional as a UI element. For plain inline formula display, the unenclosed pi reads less as a button affordance.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/pi-circle.svg" width="24" height="24" alt="Pi Circle" />

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

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

Related icons