Skip to content
Kineticons

Rectangle with circle

rectangle-circle, <RectangleCircle />

The circle rolls in against the square end, which gives under the push.

1620243240
tsx
import { RectangleCircle } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <RectangleCircle />
  Rectangle with circle
</button>

npm install kineticons. Works in Server Components; only the icons you import are bundled.

Icons like rectangle with circle

More in Shapes & math