Square with a dashed bottom

square-dashed-bottom, <SquareDashedBottom />

The two dashes run along the open bottom and come back in, while the square lifts a touch.

1620243240

tsx

import { SquareDashedBottom } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <SquareDashedBottom />
  Square with a dashed bottom
</button>

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

Square with a dashed bottom

Icons like square with a dashed bottom