Skip to content
Kineticons

Proportions

proportions, <Proportions />

The inner frame changes shape, from wide to small and back, as if trying a new aspect ratio.

1620243240
tsx
import { Proportions } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <Proportions />
  Proportions
</button>

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

Icons like proportions

More in Shapes & math