water wave emoji

water-wave from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
water-wave
Set
Fluent Emoji Flat
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

water-waveEmoji One (Colored)water-waveFluent Emojiwater-waveFluent Emoji High Contrastwater-waveNoto Emojiwater-waveOpenMojiwater-waveStreamline Emojiswater-waveTwitter Emoji

More travel & places icons from Fluent Emoji Flat

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the water wave emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M18.73 8.61V6.066H7.032v20.898H26.01v-6.58c-.518.51-1.591 1.424-3.307 1.998c-.928.31-2.08.487-3.329.546a7.176 7.176 0 1 1-.645-14.32"/><path fill="#00a6ed" d="M2.004 15.154v13.838a1 1 0 0 0 1 1h25.99a1 1 0 0 0 1-1V17.844c-2.488.92-4.011 2.663-5.881 4.185c-1.773 1.442-3.962 2.69-7.11 2.69c-4.249 0-9.196-3.822-9.196-8.833c0-6.019 5.182-8.585 8.035-8.585c1.148 0 1.638.245 1.834.367l1.21 1.65h4.183v-.953c-.672-1.896-3.544-5.687-9.649-5.687c-5.613 0-11.416 5.687-11.416 12.476"/><path fill="#b4f6fc" d="M22.194 5.862a1.138 1.138 0 1 1-2.275 0a1.138 1.138 0 0 1 2.275 0m5.731 4.414a1.138 1.138 0 1 0 0-2.275a1.138 1.138 0 0 0 0 2.275m0 5.838a1.138 1.138 0 1 0 0-2.275a1.138 1.138 0 0 0 0 2.275m-8.74-1.976a1.138 1.138 0 1 1-2.275 0a1.138 1.138 0 0 1 2.275 0"/><path fill="#b4f6fc" d="M25.023 13.195a1.138 1.138 0 0 0 .513-2.154a2.66 2.66 0 1 0-4.396-2.996a2.657 2.657 0 0 0-4.214-.243a2.66 2.66 0 1 0 0 3.477a2.657 2.657 0 0 0 4.214-.243a2.66 2.66 0 0 0 2.749 1.107a1.14 1.14 0 0 0 1.134 1.052"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatWaterWave(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M18.73 8.61V6.066H7.032v20.898H26.01v-6.58c-.518.51-1.591 1.424-3.307 1.998c-.928.31-2.08.487-3.329.546a7.176 7.176 0 1 1-.645-14.32"/><path fill="#00a6ed" d="M2.004 15.154v13.838a1 1 0 0 0 1 1h25.99a1 1 0 0 0 1-1V17.844c-2.488.92-4.011 2.663-5.881 4.185c-1.773 1.442-3.962 2.69-7.11 2.69c-4.249 0-9.196-3.822-9.196-8.833c0-6.019 5.182-8.585 8.035-8.585c1.148 0 1.638.245 1.834.367l1.21 1.65h4.183v-.953c-.672-1.896-3.544-5.687-9.649-5.687c-5.613 0-11.416 5.687-11.416 12.476"/><path fill="#b4f6fc" d="M22.194 5.862a1.138 1.138 0 1 1-2.275 0a1.138 1.138 0 0 1 2.275 0m5.731 4.414a1.138 1.138 0 1 0 0-2.275a1.138 1.138 0 0 0 0 2.275m0 5.838a1.138 1.138 0 1 0 0-2.275a1.138 1.138 0 0 0 0 2.275m-8.74-1.976a1.138 1.138 0 1 1-2.275 0a1.138 1.138 0 0 1 2.275 0"/><path fill="#b4f6fc" d="M25.023 13.195a1.138 1.138 0 0 0 .513-2.154a2.66 2.66 0 1 0-4.396-2.996a2.657 2.657 0 0 0-4.214-.243a2.66 2.66 0 1 0 0 3.477a2.657 2.657 0 0 0 4.214-.243a2.66 2.66 0 0 0 2.749 1.107a1.14 1.14 0 0 0 1.134 1.052"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M18.73 8.61V6.066H7.032v20.898H26.01v-6.58c-.518.51-1.591 1.424-3.307 1.998c-.928.31-2.08.487-3.329.546a7.176 7.176 0 1 1-.645-14.32"/><path fill="#00a6ed" d="M2.004 15.154v13.838a1 1 0 0 0 1 1h25.99a1 1 0 0 0 1-1V17.844c-2.488.92-4.011 2.663-5.881 4.185c-1.773 1.442-3.962 2.69-7.11 2.69c-4.249 0-9.196-3.822-9.196-8.833c0-6.019 5.182-8.585 8.035-8.585c1.148 0 1.638.245 1.834.367l1.21 1.65h4.183v-.953c-.672-1.896-3.544-5.687-9.649-5.687c-5.613 0-11.416 5.687-11.416 12.476"/><path fill="#b4f6fc" d="M22.194 5.862a1.138 1.138 0 1 1-2.275 0a1.138 1.138 0 0 1 2.275 0m5.731 4.414a1.138 1.138 0 1 0 0-2.275a1.138 1.138 0 0 0 0 2.275m0 5.838a1.138 1.138 0 1 0 0-2.275a1.138 1.138 0 0 0 0 2.275m-8.74-1.976a1.138 1.138 0 1 1-2.275 0a1.138 1.138 0 0 1 2.275 0"/><path fill="#b4f6fc" d="M25.023 13.195a1.138 1.138 0 0 0 .513-2.154a2.66 2.66 0 1 0-4.396-2.996a2.657 2.657 0 0 0-4.214-.243a2.66 2.66 0 1 0 0 3.477a2.657 2.657 0 0 0 4.214-.243a2.66 2.66 0 0 0 2.749 1.107a1.14 1.14 0 0 0 1.134 1.052"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2326c9fc%22%20d%3D%22M18.73%208.61V6.066H7.032v20.898H26.01v-6.58c-.518.51-1.591%201.424-3.307%201.998c-.928.31-2.08.487-3.329.546a7.176%207.176%200%201%201-.645-14.32%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M2.004%2015.154v13.838a1%201%200%200%200%201%201h25.99a1%201%200%200%200%201-1V17.844c-2.488.92-4.011%202.663-5.881%204.185c-1.773%201.442-3.962%202.69-7.11%202.69c-4.249%200-9.196-3.822-9.196-8.833c0-6.019%205.182-8.585%208.035-8.585c1.148%200%201.638.245%201.834.367l1.21%201.65h4.183v-.953c-.672-1.896-3.544-5.687-9.649-5.687c-5.613%200-11.416%205.687-11.416%2012.476%22%2F%3E%3Cpath%20fill%3D%22%23b4f6fc%22%20d%3D%22M22.194%205.862a1.138%201.138%200%201%201-2.275%200a1.138%201.138%200%200%201%202.275%200m5.731%204.414a1.138%201.138%200%201%200%200-2.275a1.138%201.138%200%200%200%200%202.275m0%205.838a1.138%201.138%200%201%200%200-2.275a1.138%201.138%200%200%200%200%202.275m-8.74-1.976a1.138%201.138%200%201%201-2.275%200a1.138%201.138%200%200%201%202.275%200%22%2F%3E%3Cpath%20fill%3D%22%23b4f6fc%22%20d%3D%22M25.023%2013.195a1.138%201.138%200%200%200%20.513-2.154a2.66%202.66%200%201%200-4.396-2.996a2.657%202.657%200%200%200-4.214-.243a2.66%202.66%200%201%200%200%203.477a2.657%202.657%200%200%200%204.214-.243a2.66%202.66%200%200%200%202.749%201.107a1.14%201.14%200%200%200%201.134%201.052%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2326c9fc%22%20d%3D%22M18.73%208.61V6.066H7.032v20.898H26.01v-6.58c-.518.51-1.591%201.424-3.307%201.998c-.928.31-2.08.487-3.329.546a7.176%207.176%200%201%201-.645-14.32%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M2.004%2015.154v13.838a1%201%200%200%200%201%201h25.99a1%201%200%200%200%201-1V17.844c-2.488.92-4.011%202.663-5.881%204.185c-1.773%201.442-3.962%202.69-7.11%202.69c-4.249%200-9.196-3.822-9.196-8.833c0-6.019%205.182-8.585%208.035-8.585c1.148%200%201.638.245%201.834.367l1.21%201.65h4.183v-.953c-.672-1.896-3.544-5.687-9.649-5.687c-5.613%200-11.416%205.687-11.416%2012.476%22%2F%3E%3Cpath%20fill%3D%22%23b4f6fc%22%20d%3D%22M22.194%205.862a1.138%201.138%200%201%201-2.275%200a1.138%201.138%200%200%201%202.275%200m5.731%204.414a1.138%201.138%200%201%200%200-2.275a1.138%201.138%200%200%200%200%202.275m0%205.838a1.138%201.138%200%201%200%200-2.275a1.138%201.138%200%200%200%200%202.275m-8.74-1.976a1.138%201.138%200%201%201-2.275%200a1.138%201.138%200%200%201%202.275%200%22%2F%3E%3Cpath%20fill%3D%22%23b4f6fc%22%20d%3D%22M25.023%2013.195a1.138%201.138%200%200%200%20.513-2.154a2.66%202.66%200%201%200-4.396-2.996a2.657%202.657%200%200%200-4.214-.243a2.66%202.66%200%201%200%200%203.477a2.657%202.657%200%200%200%204.214-.243a2.66%202.66%200%200%200%202.749%201.107a1.14%201.14%200%200%200%201.134%201.052%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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