Circle Square Pixel Art Icon
A circle and square icon for shape selectors, design primitives menus and mixed-geometry component pickers.
Tags
circlesquare
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Circle Square icon
A circle and a square shown together, representing a combination of basic geometric primitives in a design tool. Use it as an icon for a 'Shapes' menu, a design-system component library trigger, a drawing tool's insert-primitive action, or a geometry selector where both round and angular shapes are available. The pairing also works as a general 'elements' or 'primitives' symbol. For a single shape type, the standalone circle or square icon is the simpler, less ambiguous choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/circle-square.svg" width="24" height="24" alt="Circle Square" />
<!-- React -->
import { CircleSquare } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="circle-square.svg" width="48" height="48" style="image-rendering: pixelated" />