water wave emoji
water-wave from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- water-wave
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the water wave emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M33.398 23.678c-7.562 4.875-20.062-.438-18.375-8.062c1.479-6.684 9.419-4.763 11.225-3.861s.713-3.889-3.475-5.327C17.1 4.48 10.156 4.893 7.961 14.678c-1.5 6.687 1.438 16.062 12.719 16.187s12.718-7.187 12.718-7.187"/><path fill="#55acee" d="M35.988 25.193c0-2.146-2.754-2.334-4-1.119c-2.994 2.919-7.402 4.012-13.298 2.861c-10.25-2-10.341-14.014-3.333-17.441c3.791-1.854 8.289.341 9.999 1.655c1.488 1.143 4.334 2.66 4.185.752C29.223 7.839 21.262-.86 10.595 4.64C-.071 10.14 0 22.553 0 24.803v7.25C0 34.262 1.814 36 4.023 36h28C34.232 36 36 34.262 36 32.053c0 0-.004-6.854-.012-6.86"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiWaterWave(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M33.398 23.678c-7.562 4.875-20.062-.438-18.375-8.062c1.479-6.684 9.419-4.763 11.225-3.861s.713-3.889-3.475-5.327C17.1 4.48 10.156 4.893 7.961 14.678c-1.5 6.687 1.438 16.062 12.719 16.187s12.718-7.187 12.718-7.187"/><path fill="#55acee" d="M35.988 25.193c0-2.146-2.754-2.334-4-1.119c-2.994 2.919-7.402 4.012-13.298 2.861c-10.25-2-10.341-14.014-3.333-17.441c3.791-1.854 8.289.341 9.999 1.655c1.488 1.143 4.334 2.66 4.185.752C29.223 7.839 21.262-.86 10.595 4.64C-.071 10.14 0 22.553 0 24.803v7.25C0 34.262 1.814 36 4.023 36h28C34.232 36 36 34.262 36 32.053c0 0-.004-6.854-.012-6.86"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M33.398 23.678c-7.562 4.875-20.062-.438-18.375-8.062c1.479-6.684 9.419-4.763 11.225-3.861s.713-3.889-3.475-5.327C17.1 4.48 10.156 4.893 7.961 14.678c-1.5 6.687 1.438 16.062 12.719 16.187s12.718-7.187 12.718-7.187"/><path fill="#55acee" d="M35.988 25.193c0-2.146-2.754-2.334-4-1.119c-2.994 2.919-7.402 4.012-13.298 2.861c-10.25-2-10.341-14.014-3.333-17.441c3.791-1.854 8.289.341 9.999 1.655c1.488 1.143 4.334 2.66 4.185.752C29.223 7.839 21.262-.86 10.595 4.64C-.071 10.14 0 22.553 0 24.803v7.25C0 34.262 1.814 36 4.023 36h28C34.232 36 36 34.262 36 32.053c0 0-.004-6.854-.012-6.86"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M33.398%2023.678c-7.562%204.875-20.062-.438-18.375-8.062c1.479-6.684%209.419-4.763%2011.225-3.861s.713-3.889-3.475-5.327C17.1%204.48%2010.156%204.893%207.961%2014.678c-1.5%206.687%201.438%2016.062%2012.719%2016.187s12.718-7.187%2012.718-7.187%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M35.988%2025.193c0-2.146-2.754-2.334-4-1.119c-2.994%202.919-7.402%204.012-13.298%202.861c-10.25-2-10.341-14.014-3.333-17.441c3.791-1.854%208.289.341%209.999%201.655c1.488%201.143%204.334%202.66%204.185.752C29.223%207.839%2021.262-.86%2010.595%204.64C-.071%2010.14%200%2022.553%200%2024.803v7.25C0%2034.262%201.814%2036%204.023%2036h28C34.232%2036%2036%2034.262%2036%2032.053c0%200-.004-6.854-.012-6.86%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M33.398%2023.678c-7.562%204.875-20.062-.438-18.375-8.062c1.479-6.684%209.419-4.763%2011.225-3.861s.713-3.889-3.475-5.327C17.1%204.48%2010.156%204.893%207.961%2014.678c-1.5%206.687%201.438%2016.062%2012.719%2016.187s12.718-7.187%2012.718-7.187%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M35.988%2025.193c0-2.146-2.754-2.334-4-1.119c-2.994%202.919-7.402%204.012-13.298%202.861c-10.25-2-10.341-14.014-3.333-17.441c3.791-1.854%208.289.341%209.999%201.655c1.488%201.143%204.334%202.66%204.185.752C29.223%207.839%2021.262-.86%2010.595%204.64C-.071%2010.14%200%2022.553%200%2024.803v7.25C0%2034.262%201.814%2036%204.023%2036h28C34.232%2036%2036%2034.262%2036%2032.053c0%200-.004-6.854-.012-6.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/water-wave.svg?color=%231a73e8&size=48
