Controls

Stroke width2px
Size120px
Animated
Speed
waveoceanwaterseasoundvibrationanimated wave icon

Wave

Animated wave SVG icon for React and Next.js. Ripples an ocean or sound wave for audio visualization, greeting, and ambient UI.

import Wave from "cssvg-icons/wave";

export default function App() {
  return (
    <Wave
      color="#ffffff"
      strokeWidth={2}
      size={120}
    />
  );
}

Details

AuthorHari

Missing something?

Need a variant of Wave or a different style? Open a GitHub issue and we'll add it to the queue.

Request a variant