Tide up

waves-arrow-up, <WavesArrowUp />

The arrow rises from the water and the waves roll under it, one after the other.

1620243240

tsx

import { WavesArrowUp } from "kineticons";

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

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

Tide up

Icons like tide up