# waves-arrow-down

The [waves-arrow-down](https://lucide.dev/icons/waves-arrow-down) icon is drawn by the [Lucide](https://lucide.dev) contributors and published under the [ISC license](https://lucide.dev/license). `@sdxc/icons` renders it as `WavesArrowDownIcon`, from Lucide 1.61.0. If Lucide serves your app, [sponsor it](https://lucide.dev/sponsor).

Tags: water, sea, level, sound, hertz, wavelength, vibrate, low, tide, ocean, rising, down, falling.

## By component

```tsx
import { WavesArrowDownIcon } from "@sdxc/icons";

<WavesArrowDownIcon aria-hidden="true" />
```

## By name

```tsx
import { Icon } from "@sdxc/icons";

<Icon name="waves-arrow-down" aria-hidden="true" />
```

## SVG

```html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-waves-arrow-down" aria-hidden="true">
	<path d="M12 10L12 2" />
	<path d="M16 6L12 10L8 6" />
	<path d="M2 15C2.6 15.5 3.2 16 4.5 16C7 16 7 14 9.5 14C12.1 14 11.9 16 14.5 16C17 16 17 14 19.5 14C20.8 14 21.4 14.5 22 15" />
	<path d="M2 21C2.6 21.5 3.2 22 4.5 22C7 22 7 20 9.5 20C12.1 20 11.9 22 14.5 22C17 22 17 20 19.5 20C20.8 20 21.4 20.5 22 21" />
</svg>
```
