water wave emoji

water-wave from Streamline Emojis by Streamline · Default · Animals Nature · CC-BY-4.0 Attribution required.

Name: water-wave
Set: Streamline Emojis
Style: Default
Category: Animals Nature
Viewbox: 48×48
License: CC BY 4.0

The same emoji in other sets

water-waveEmoji One (Colored)water-waveFluent Emoji water-waveFluent Emoji Flat water-waveFluent Emoji High Contrast water-waveNoto Emoji water-waveOpenMoji water-waveTwitter Emoji

More animals nature icons from Streamline Emojis

2 ant baby-chick bear-face bird-1 bird-2 blossom blowfish boar-1 boar-2 bouquet bug cactus-1 cactus-2 camel cat cat-face chicken chipmunk christmas-tree cloud-1 cloud-2 cloud-with-rain-1 cloud-with-rain-2

Use the water wave emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#00b8f0" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#009fd9" d="M27.09 44.5a20.08 20.08 0 0 1-2.75-19a5.55 5.55 0 0 1-1-3.16V21a12.09 12.09 0 0 0 3.75 23.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#fff" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="#f0f0f0" d="M15.42 34.55a20.24 20.24 0 0 1-5.17-15.91a20 20 0 0 1 4.19-10.18a20.23 20.23 0 0 0 12.66 36a12.09 12.09 0 0 1-11.68-9.91"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47h0a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.5 32.39a5.52 5.52 0 0 1-3.09-1.46a5.52 5.52 0 0 1-7.6 0a8.54 8.54 0 0 1-13.4-7v-1.46"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.49 39a5.1 5.1 0 0 1-1.64-1.16a5.58 5.58 0 0 1-7.93 0a11.64 11.64 0 0 1-17.62-10v-2.22"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.48 12.62a1.14 1.14 0 1 0-.88-2.11s0 0-.06 0a1.65 1.65 0 1 0 0 2a1.08 1.08 0 0 0 .94.11m-12.22 4.73a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m3.87-14.57a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m-4.59 20.09a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisWaterWave(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#00b8f0" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#009fd9" d="M27.09 44.5a20.08 20.08 0 0 1-2.75-19a5.55 5.55 0 0 1-1-3.16V21a12.09 12.09 0 0 0 3.75 23.5"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#fff" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="#f0f0f0" d="M15.42 34.55a20.24 20.24 0 0 1-5.17-15.91a20 20 0 0 1 4.19-10.18a20.23 20.23 0 0 0 12.66 36a12.09 12.09 0 0 1-11.68-9.91"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47h0a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M44.5 32.39a5.52 5.52 0 0 1-3.09-1.46a5.52 5.52 0 0 1-7.6 0a8.54 8.54 0 0 1-13.4-7v-1.46"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M44.49 39a5.1 5.1 0 0 1-1.64-1.16a5.58 5.58 0 0 1-7.93 0a11.64 11.64 0 0 1-17.62-10v-2.22"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M43.48 12.62a1.14 1.14 0 1 0-.88-2.11s0 0-.06 0a1.65 1.65 0 1 0 0 2a1.08 1.08 0 0 0 .94.11m-12.22 4.73a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m3.87-14.57a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m-4.59 20.09a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#00b8f0" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#009fd9" d="M27.09 44.5a20.08 20.08 0 0 1-2.75-19a5.55 5.55 0 0 1-1-3.16V21a12.09 12.09 0 0 0 3.75 23.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#fff" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="#f0f0f0" d="M15.42 34.55a20.24 20.24 0 0 1-5.17-15.91a20 20 0 0 1 4.19-10.18a20.23 20.23 0 0 0 12.66 36a12.09 12.09 0 0 1-11.68-9.91"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47h0a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.5 32.39a5.52 5.52 0 0 1-3.09-1.46a5.52 5.52 0 0 1-7.6 0a8.54 8.54 0 0 1-13.4-7v-1.46"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.49 39a5.1 5.1 0 0 1-1.64-1.16a5.58 5.58 0 0 1-7.93 0a11.64 11.64 0 0 1-17.62-10v-2.22"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.48 12.62a1.14 1.14 0 1 0-.88-2.11s0 0-.06 0a1.65 1.65 0 1 0 0 2a1.08 1.08 0 0 0 .94.11m-12.22 4.73a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m3.87-14.57a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m-4.59 20.09a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0"/></svg>
</template>

CSS

.icon-water-wave {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M44.5%2027.88a5.53%205.53%200%200%201-3.7-1.63a5.58%205.58%200%200%201-7.9%200a5.59%205.59%200%200%201-9.54-3.95V21a12.09%2012.09%200%200%200%203.74%2023.5h17.4Z%22%2F%3E%3Cpath%20fill%3D%22%23009fd9%22%20d%3D%22M27.09%2044.5a20.08%2020.08%200%200%201-2.75-19a5.55%205.55%200%200%201-1-3.16V21a12.09%2012.09%200%200%200%203.75%2023.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M44.5%2027.88a5.53%205.53%200%200%201-3.7-1.63a5.58%205.58%200%200%201-7.9%200a5.59%205.59%200%200%201-9.54-3.95V21a12.09%2012.09%200%200%200%203.74%2023.5h17.4Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.1%2044.5a12.09%2012.09%200%201%201%20.9-24.15c.8-1.13%201.49-2.36.61-4a2.18%202.18%200%200%201%20.13-2.23a2.15%202.15%200%200%201%202.26-.86a2.23%202.23%200%200%200%202.33-.63a2.2%202.2%200%200%200%20.31-2.47a1.5%201.5%200%200%201%20.56-2a1.74%201.74%200%200%201%201.52-.26l.86.26a2.63%202.63%200%200%200%202-.17l.38-.2A7%207%200%200%200%2037.68%207A20.25%2020.25%200%201%200%2027.1%2044.5%22%2F%3E%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M15.42%2034.55a20.24%2020.24%200%200%201-5.17-15.91a20%2020%200%200%201%204.19-10.18a20.23%2020.23%200%200%200%2012.66%2036a12.09%2012.09%200%200%201-11.68-9.91%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.1%2044.5a12.09%2012.09%200%201%201%20.9-24.15c.8-1.13%201.49-2.36.61-4a2.18%202.18%200%200%201%20.13-2.23a2.15%202.15%200%200%201%202.26-.86a2.23%202.23%200%200%200%202.33-.63a2.2%202.2%200%200%200%20.31-2.47h0a1.5%201.5%200%200%201%20.56-2a1.74%201.74%200%200%201%201.52-.26l.86.26a2.63%202.63%200%200%200%202-.17l.38-.2A7%207%200%200%200%2037.68%207A20.25%2020.25%200%201%200%2027.1%2044.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M44.5%2032.39a5.52%205.52%200%200%201-3.09-1.46a5.52%205.52%200%200%201-7.6%200a8.54%208.54%200%200%201-13.4-7v-1.46%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M44.49%2039a5.1%205.1%200%200%201-1.64-1.16a5.58%205.58%200%200%201-7.93%200a11.64%2011.64%200%200%201-17.62-10v-2.22%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M43.48%2012.62a1.14%201.14%200%201%200-.88-2.11s0%200-.06%200a1.65%201.65%200%201%200%200%202a1.08%201.08%200%200%200%20.94.11m-12.22%204.73a1.2%201.2%200%201%200%202.4%200a1.2%201.2%200%201%200-2.4%200m3.87-14.57a1.2%201.2%200%201%200%202.4%200a1.2%201.2%200%201%200-2.4%200m-4.59%2020.09a1.56%201.56%200%201%200%203.12%200a1.56%201.56%200%201%200-3.12%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M44.5%2027.88a5.53%205.53%200%200%201-3.7-1.63a5.58%205.58%200%200%201-7.9%200a5.59%205.59%200%200%201-9.54-3.95V21a12.09%2012.09%200%200%200%203.74%2023.5h17.4Z%22%2F%3E%3Cpath%20fill%3D%22%23009fd9%22%20d%3D%22M27.09%2044.5a20.08%2020.08%200%200%201-2.75-19a5.55%205.55%200%200%201-1-3.16V21a12.09%2012.09%200%200%200%203.75%2023.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M44.5%2027.88a5.53%205.53%200%200%201-3.7-1.63a5.58%205.58%200%200%201-7.9%200a5.59%205.59%200%200%201-9.54-3.95V21a12.09%2012.09%200%200%200%203.74%2023.5h17.4Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.1%2044.5a12.09%2012.09%200%201%201%20.9-24.15c.8-1.13%201.49-2.36.61-4a2.18%202.18%200%200%201%20.13-2.23a2.15%202.15%200%200%201%202.26-.86a2.23%202.23%200%200%200%202.33-.63a2.2%202.2%200%200%200%20.31-2.47a1.5%201.5%200%200%201%20.56-2a1.74%201.74%200%200%201%201.52-.26l.86.26a2.63%202.63%200%200%200%202-.17l.38-.2A7%207%200%200%200%2037.68%207A20.25%2020.25%200%201%200%2027.1%2044.5%22%2F%3E%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M15.42%2034.55a20.24%2020.24%200%200%201-5.17-15.91a20%2020%200%200%201%204.19-10.18a20.23%2020.23%200%200%200%2012.66%2036a12.09%2012.09%200%200%201-11.68-9.91%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.1%2044.5a12.09%2012.09%200%201%201%20.9-24.15c.8-1.13%201.49-2.36.61-4a2.18%202.18%200%200%201%20.13-2.23a2.15%202.15%200%200%201%202.26-.86a2.23%202.23%200%200%200%202.33-.63a2.2%202.2%200%200%200%20.31-2.47h0a1.5%201.5%200%200%201%20.56-2a1.74%201.74%200%200%201%201.52-.26l.86.26a2.63%202.63%200%200%200%202-.17l.38-.2A7%207%200%200%200%2037.68%207A20.25%2020.25%200%201%200%2027.1%2044.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M44.5%2032.39a5.52%205.52%200%200%201-3.09-1.46a5.52%205.52%200%200%201-7.6%200a8.54%208.54%200%200%201-13.4-7v-1.46%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M44.49%2039a5.1%205.1%200%200%201-1.64-1.16a5.58%205.58%200%200%201-7.93%200a11.64%2011.64%200%200%201-17.62-10v-2.22%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M43.48%2012.62a1.14%201.14%200%201%200-.88-2.11s0%200-.06%200a1.65%201.65%200%201%200%200%202a1.08%201.08%200%200%200%20.94.11m-12.22%204.73a1.2%201.2%200%201%200%202.4%200a1.2%201.2%200%201%200-2.4%200m3.87-14.57a1.2%201.2%200%201%200%202.4%200a1.2%201.2%200%201%200-2.4%200m-4.59%2020.09a1.56%201.56%200%201%200%203.12%200a1.56%201.56%200%201%200-3.12%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/water-wave.svg?color=%231a73e8&size=48